IronPDF'te C# Sanal Görüntüleme Alanı ve Yakınlaştırma Nasıl Kullanılır
IronPDF'deki görüntüleme alanını ve yakınlaştırmayı, RenderingOptions özelliğini ViewPortWidth ve Zoom değerlerini ayarlamak için kullanarak kontrol edin veya HTML'den PDF'ye dönüştürme sırasında otomatik düzenleme için önceden ayarlanmış PaperFit modlarından yararlanın.
HTML'den PDF'ye renderingde, görüntüleme alanı, web sayfası düzenlemelerinin sonuç PDF belgesinde nasıl yakalandığını belirler. Bu, tarayıcının web sayfasını render etmek için kullandığı sanal ekran boyutunu temsil eder. IronPDF'in Chrome rendering motoru ile çalışırken, görüntü alanı ayarlarını anlamanız, doğru sonuçlar elde etmek için önemlidir.
Yakınlaştırma, PDF belgesinde web sayfası içeriğinin ölçeklenmesini kontrol eder. Yakınlaştırma seviyesinin ince ayarı, PDF'deki içerik boyutunu ayarlar ve doğru düzen ve biçimlendirme sağlar. Bu özellik, farklı sayfa boyutlarına uyarlanması gereken duyarlı CSS düzenleri ile çalışırken özellikle kullanışlıdır.
Hızlı Başlangıç: IronPDF ile Yakınlaştırma ve Görüntüleme Alanını Kontrol Edin
IronPDF kullanarak HTML'den PDF'ye dönüştürmelerde yakınlaştırma ve görüntüleme alanı ayarlarını yönetin. Bu rehber, HTML içeriğini ölçeklendirmeye başlamak için basit bir kod parçası sağlar. Minimal kod ile PDF'lerin istenen tasarım elemanlarını ve düzenlerini koruyarak doğru render edilmesini sağlayabilirsiniz.
-
NuGet Paket Yöneticisi ile https://www.nuget.org/packages/IronPdf yükleyin
PM > Install-Package IronPdf -
Bu kod parçasını kopyalayıp çalıştırın.
new IronPdf.ChromePdfRenderer { RenderingOptions = { ViewPortWidth = 1280, Zoom = 1.8 } } .RenderUrlAsPdf("https://example.com") .SaveAs("zoomedViewport.pdf"); -
Canlı ortamınızda test etmek için dağıtın
Bugün projenizde IronPDF kullanmaya başlayın ücretsiz deneme ile
Minimal Is Akisi (5 adimda)
- IronPDF C# kütüphanesini indirin ve PDF render etme ile görüntüleme alanı kontrolü sağlayın
- Farklı önceden yapılandırılmış modlar kullanarak HTML'yi PDF'ye çevirin
- Otomatik düzen elde etmek için Chrome varsayılanı ve duyarlı CSS modlarını kullanın
- İçeriği yakınlaştırmak için ölçeklemeyi kullanın
- Belirli kullanım durumları için 'sayfaya sığdır' ve 'sürekli besleme' yapılandırın
IronPDF'teki Sayfa Sığdırma Modları Nedir?
RenderingOptions içindeki PaperFit alanına erişerek belirli render türleri ve modları için önceden ayarlanmış yöntemleri kullanın. Bu modlar, benzer tekniklerle gerekirse özel kağıt boyutları oluştururken HTML içeriğini PDF sayfalarına render etme yaklaşımları sunar. Karşılaştırma için Wikipedia ana sayfasını render ederek her bir PaperFit modunu inceleyelim.
PaperFit modları, standart web sayfalarından fiş veya rapor gibi özel belgelere kadar farklı içerik düzenlemeleriyle ilgilenir. Her mod, belirli kullanım durumları için optimize edilmiştir ve PDF'lerin, kaynak içeriğinin orijinal formatından bağımsız olarak beklenen tasarımı ve okunabilirliği korumasını sağlar.
Chrome Varsayılan Rendering'i Nasıl Kullanırım?
Bu mod, PDF sayfalarını Google Chrome'un baskı önizlemesinde göründüğü şekilde düzenler. Chrome'dan yazdırıldığında bir web sayfasının görünümünü eşleştirmek için render/yapılandırma seçeneklerini ayarlar. Duyarlı CSS görüntüleme alanı, belirtilen kağıt boyutunu genişliğine göre yorumlar. Bunu yapılandırmak için UseChromeDefaultRendering yöntemini kullanın.
Chrome varsayılan rendering, tarayıcı baskı beklentileriyle uyumluluğu korur. Standart web sayfaları ve belgeler için iyi çalışır, tipik tarayıcı baskı işlemlerinde olduğu gibi doğal içerik akışını korumak istediğinizde. JavaScript render içeren gelişmiş senaryolar için, bu mod, dinamik içeriğin doğru çalıştırılmasını ve görüntülenmesini sağlar.
:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-default-chrome.cs
using IronPdf;
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Chrome default rendering
renderer.RenderingOptions.PaperFit.UseChromeDefaultRendering();
// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");
pdf.SaveAs("chromeDefault.pdf");
Imports IronPdf
Private renderer As New ChromePdfRenderer()
' Chrome default rendering
renderer.RenderingOptions.PaperFit.UseChromeDefaultRendering()
' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")
pdf.SaveAs("chromeDefault.pdf")
Duyarlı CSS Rendering'i Nasıl Kullanırım?
Duyarlı CSS modunda, UseResponsiveCssRendering yöntemine bir değer geçerek görüntüleme alanı genişliğini belirtin. Varsayılan ViewPortWidth 1280 piksel. Görüntü alanı birimi piksel tabanlıdır ve duyarlı CSS tasarımları için sanal bir tarayıcı görüntüleme alanını temsil eder. Bu mod, modern çerçeveleri işler ve Bootstrap ve Flex CSS düzenleri ile çalışır.
Duyarlı CSS, ViewPortWidth parametresine göre HTML render'ını tanımlar ve içeriği belirtilen kağıt boyutu genişliğine sığacak şekilde ölçekler. Bu yaklaşım, modern web uygulamalarında duyarlı tasarım ilkelerini kullanan uygulamalar için uygundur ve PDF'lerin orijinal görüntü alanı boyutundan bağımsız olarak beklenen düzeni korumasını sağlar. Özel kenar boşlukları ile çalışılırken, bu mod farklı sayfa boyutlarına uyacak şekilde içerik uyarlanmasını sağlamak için kesin kontrol sunar.
:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-responsive-css.cs
using IronPdf;
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Responsive CSS rendering
renderer.RenderingOptions.PaperFit.UseResponsiveCssRendering(1280);
// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");
pdf.SaveAs("responsiveCss.pdf");
Imports IronPdf
Private renderer As New ChromePdfRenderer()
' Responsive CSS rendering
renderer.RenderingOptions.PaperFit.UseResponsiveCssRendering(1280)
' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")
pdf.SaveAs("responsiveCss.pdf")
Ölçekli Rendering'i Nasıl Kullanırım?
UseScaledRendering yöntemi, belirli bir kağıt boyutu için Chrome Yazdırma Önizleme davranışını taklit ederken ayarlanabilir bir yakınlaştırma seviyesi sağlar. Bu yöntem, içerik ölçeklendirmesini giriş yakınlaştırma yüzdesine göre ayarlar.
Ölçekli rendering, PDF'lerde içerik görünümünü tam kontrol altında tutar. Sabit görüntüleme alanı yaklaşımlarından farklı olarak, bu yöntem, farklı ölçeklerde okunabilirlik gerektiren belgelerde veya çeşitli ekran bağlamları için PDF hazırlarken ideal olan dinamik içerik boyutu ayarlaması sağlar. Bu teknik, belge sunumu için sayfa yönlendirmesi ve döndürme ayarlarını en iyi hale getirmek için tamamlayıcıdır.
:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-scaled.cs
using IronPdf;
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Scaled rendering
renderer.RenderingOptions.PaperFit.UseScaledRendering(180);
// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");
pdf.SaveAs("scaled.pdf");
Imports IronPdf
Private renderer As New ChromePdfRenderer()
' Scaled rendering
renderer.RenderingOptions.PaperFit.UseScaledRendering(180)
' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")
pdf.SaveAs("scaled.pdf")
Sayfaya Sığdırma Rendering'i Nasıl Kullanırım?
Sayfaya sığdırma rendering, belirli bir kağıt boyutuna uygun hale getirmek için içeriği ölçeklendirir. İçerik render edildikten sonra minimum HTML içerik genişliğini ölçer ve mümkün olduğunda bir sayfa kağıt genişliğine sığdırmak için ölçeklendirir. Yapılandırılabilir minimum piksel genişliği, doğru görüntü ve CSS3 yerleşim kurallarına uyum sağlar.
Bu mod, yatay olarak birden çok sayfaya yayılabilecek içeriği yönetir. Geniş tablolar, grafikler veya panoların tek bir sayfa genişliğine sığması gerektiğinde iyi çalışır. Otomatik ölçeklendirme, tüm içeriğin yatay kaydırma olmadan görünür kalmasını sağlar ve okuma kolaylığının önemli olduğu PDF raporları oluşturma için idealdir.
:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-fit-to-page.cs
using IronPdf;
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Fit to page rendering
renderer.RenderingOptions.PaperFit.UseFitToPageRendering();
// Render web URL to PDF
PdfDocument pdf = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page");
pdf.SaveAs("fitToPage.pdf");
Imports IronPdf
Private renderer As New ChromePdfRenderer()
' Fit to page rendering
renderer.RenderingOptions.PaperFit.UseFitToPageRendering()
' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderUrlAsPdf("https://en.wikipedia.org/wiki/Main_Page")
pdf.SaveAs("fitToPage.pdf")
Sürekli Akışlı İşleme Nasıl Kullanılır?
Sürekli akışlı işleme, tüm içeriği bir sayfaya sığdıran tek sayfalık bir PDF oluşturur ve tüketici faturaları veya makbuzlar gibi belgeler için uygundur. Varsayılan PDF sayfa genişliği 80.0 milimetredir ve kenar boşlukları 5 milimetredir. Let's render the 'receipt.html' file to PDF.
Esneklik için width ve margin parametrelerini kullanarak sayfa genişliğini ve kenar boşluğunu özelleştirin. Bu mod, öz bir şekilde tek sayfalık belgeler oluşturur. Sayfa kesintisi olmadan sürekli bir akış gerektiren makbuzlar, faturalar veya herhangi bir belge oluşturur. HTML'den PDF'ye sayfa kesme kontrolü ile birleştirildiğinde, belirli gereksinimler için gelişmiş belge düzenleri oluşturabilirsiniz.
:path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-continuous-feed.cs
using IronPdf;
ChromePdfRenderer renderer = new ChromePdfRenderer();
int width = 90;
int margin = 0;
// Continuous feed rendering
renderer.RenderingOptions.PaperFit.UseContinuousFeedRendering(width, margin);
// Render web URL to PDF
PdfDocument pdf = renderer.RenderHtmlFileAsPdf("receipt.html");
pdf.SaveAs("continuousFeed.pdf");
Imports IronPdf
Private renderer As New ChromePdfRenderer()
Private width As Integer = 90
Private margin As Integer = 0
' Continuous feed rendering
renderer.RenderingOptions.PaperFit.UseContinuousFeedRendering(width, margin)
' Render web URL to PDF
Dim pdf As PdfDocument = renderer.RenderHtmlFileAsPdf("receipt.html")
pdf.SaveAs("continuousFeed.pdf")
Başka neler yapabileceğinizi görmek için hazır mısınız? Eğitim sayfamızı burada inceleyin: PDF'leri Dönüştürün
Sıkça Sorulan Sorular
HTML'den PDF'ye dönüşümde görünüm alanı nedir?
IronPDF'de görünüm alanı, Chrome rendering motorunun web sayfalarını PDF'ye dönüştürmeden önce render etmek için kullandığı sanal ekran boyutunu temsil eder. Bu, web sayfası düzenlerinin oluşturulan PDF belgesinde nasıl yakalandığını belirler ve doğru render sonuçları elde etmek için önemlidir.
Tek satırlık kodla zoom ve görünüm genişliğini nasıl kontrol edebilirim?
IronPDF ile hem görünüm genişliğini hem de zoom kontrolünü tek bir satırda yapabilirsiniz: new IronPdf.ChromePdfRenderer { RenderingOptions = { ViewPortWidth = 1280, Zoom = 1.8 } }.RenderUrlAsPdf('https://example.com').SaveAs('zoomedViewport.pdf'). Bu, görünüm alanını 1280 piksel olarak ayarlar ve 1.8x zoom faktörü uygular.
PaperFit modları nelerdir?
IronPDF'deki PaperFit modları, HTML içeriğini PDF sayfalarına işlerken farklı yaklaşımlar sağlayan RenderingOptions.PaperFit alanı aracılığıyla erişilen hazır yöntemlerdir. Her mod, standart web sayfaları, fişler veya raporlar gibi belirli durumlar için optimize edilmiştir, bu sayede PDF'ler, tasarımın korunmasını ve okunabilirliğin sağlanmasını garanti eder.
Duyarlı CSS düzenleri için yakınlaştırma kontrolü neden önemlidir?
IronPDF'de yakınlaştırma kontrolü, farklı sayfa boyutlarına uyum sağlaması gereken duyarlı CSS düzenleri ile uğraşırken oldukça yararlıdır. Yakınlaştırma seviyesinin ince ayarı, PDF'deki içerik boyutunu ayarlar ve yakınlaştırma özelliği, duyarlı tasarım öğelerinin korunabileceği düzgün düzeni ve formatı sağlar.
Görünüm alanı ve zoom özelliği hangi işleme motorunu kullanıyor?
IronPDF'deki görünüm alanı ve zoom özellikleri, Chrome işleme motorunu kullanır. Bu, web sayfalarının doğru ve tutarlı bir şekilde işlenmesini sağlar, bu da Google Chrome'da görülmeden önce PDF'ye dönüştürme sırasında nasıl görüneceklerini garanti eder.
Chrome Varsayılan İşleme modu nedir?
Chrome Varsayılan İşleme, IronPDF'deki bir PaperFit modudur ve PDF sayfalarını, Google Chrome'un yazdırma önizlemesinde göründüğü gibi düzenler. Chrome'dan yazdırıldığında bir web sayfasının görünümünü eşleştirmek için işleme seçeneklerini yapılandırır ve belirtilen kağıt boyutuna göre duyarlı CSS görünüm alanını yorumlar.

