C# ile Sanal Görünüm Alanı ve Yakınlaştırma Nasıl Kullanılır

IronPDF'de C# Sanal Görünüm Portu ve Yakınlaştırma Kullanımı

This article was translated from English: Does it need improvement?
Translated
View the article in English

RenderingOptions özelliğini kullanarak ViewPortWidth ve Zoom değerlerini ayarlayarak IronPDF'de görüntüleme alanını ve yakınlaştırmayı kontrol edin veya HTML'den PDF'ye dönüştürme sırasında otomatik düzen işleme için önceden ayarlanmış PaperFit modlarından yararlanın.

HTML'den PDF'e dönüştürmede, görünüm portu, web sayfası düzenlerinin sonuç PDF belgesinde nasıl işlendiğini belirler. Bu, tarayıcının web sayfasını işlemekte kullandığı sanal ekran boyutunu temsil eder. IronPDF' in Chrome oluşturma motoru ile çalışırken, görünüm portu ayarlarını anlamak doğru sonuçlar elde etmek için esastır.

Yakınlaştırma, PDF belgesindeki web sayfası içeriğinin ölçeklenmesini kontrol eder. Yakınlaştırma seviyesini ince ayar yapmak, PDF'deki içerik boyutunu ayarlar, doğru düzen ve biçimlendirmeyi sağlar. Bu özellik, farklı sayfa boyutlarına uyum sağlaması gereken duyarlı CSS düzenleri ile uğraşırken özellikle yararlıdır.

Hızlı Başlangıç: IronPDF ile Zoom ve Görünüm Portunu Kontrol Edin

IronPDF kullanarak HTML'den PDF'e dönüşümlerinizde zoom ve görünüm portu ayarlarını yönetin. Bu kılavuz, HTML içeriğini ölçeklendirmeye başlamak için basit bir kod örneği sunar. Minimal kod ile, PDF'lerinizi doğru şekilde oluşturabilir, aynı zamanda duyarlı tasarım elemanlarını ve istenen düzenleri koruyabilirsiniz.

UseChromeDefaultRendering UseResponsiveCssRendering ViewPortWidth UseScaledRendering width margin

  1. IronPDF aşağıdaki NuGet Paket Yöneticisi ile yükleyin

    PM > Install-Package IronPdf
  2. Bu kod parçacığını kopyalayın ve çalıştırın.

    new IronPdf.ChromePdfRenderer { RenderingOptions = { ViewPortWidth = 1280, Zoom = 1.8 } }
        .RenderUrlAsPdf("https://example.com")
        .SaveAs("zoomedViewport.pdf");
  3. Canlı ortamınızda test için dağıtım yapın

    Ücretsiz deneme ile bugün projenizde IronPDF kullanmaya başlayın

    arrow pointer


IronPDF' deki Kağıt Uyma Modları Nelerdir?

Belirli görüntüleme türleri ve modları için önceden ayarlanmış yöntemleri kullanmak üzere PaperFit içindeki RenderingOptions alanına erişin. Bu modlar, HTML içeriğini PDF sayfalarına işlerken farklı yaklaşımlar sağlar, özel kağıt boyutları oluştururken kullanılan tekniklere benzer. Karşılaştırma amacıyla Wikipedia ana sayfasını görüntüleyerek her bir PaperFit modunu inceleyelim.

PaperFit modları, standart web sayfalarından fişler veya raporlar gibi özel belgelere kadar çeşitli içerik düzenlerini işler. Her mod, belirli kullanım durumları için optimize edilmiştir ve kaynak içeriğin orijinal formatına bakılmaksızın PDF'lerin tasarımını ve okunabilirliğini korur.

Chrome Varsayılan İşleme Nasıl Kullanılır?

Bu mod, PDF sayfalarını Google Chrome'un yazdırma önizlemesinde göründükleri gibi düzenler. Chrome'den yazdırıldığında bir web sayfasının görünümüne uygun olarak işleme seçeneklerini yapılandırır. Duyarlı CSS görünüm portu, belirlenen kağıt boyutunu genişliğine dayanarak yorumlar. Bunu yapılandırmak için ChromeDefaultRendering yöntemini kullanın.

Chrome varsayılan işleme, tarayıcı yazdırma beklentileriyle tutarlılığı korur. Bu, tipik tarayıcı yazdırma işlemleri sırasında doğal içerik akışını koruyarak standart web sayfaları ve belgeler için iyi çalışır. Gelişmiş senaryolar için JavaScript işleme içerdiğinde bu mod, dinamik içeriğin düzgün şekilde yürütülmesini 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")
$vbLabelText   $csharpLabel

Duyarlı CSS İşleme Nasıl Kullanılır?

Duyarlı CSS modunda, SetWidth yöntemine bir değer aktararak bir görüntü alanı genişliği belirtin. Varsayılan Width değeri 1280 pikseldir. Görünüm portu birimi, duyarlı CSS tasarımlar için sanal bir tarayıcı görünüm portunu temsil eden piksel bazlıdır. Bu mod, modern çerçeveleri işler ve Bootstrap ve Flex CSS düzenleriyle çalışır.

Duyarlı CSS, ViewPortWidth parametresine göre HTML görüntülemeyi tanımlar ve içeriği belirtilen kağıt boyutu genişliğine sığacak şekilde ölçeklendirir. Bu yaklaşım, modern web uygulamaları için uygundur ve duyarlı tasarım ilkelerini kullanarak, PDF'lerin orijinal görüntüleme portu boyutuna bakılmaksızın istenen düzeni korumasını sağlar. özel kenar boşlukları ile çalışırken bu mod, içeriğin farklı sayfa boyutlarına uyum sağlaması üzerinde hassas kontrol sağlar.

: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")
$vbLabelText   $csharpLabel

Ölçeklendirilmiş İşleme Nasıl Kullanılır?

SetScaledRendering yöntemi, ayarlanabilir bir Zoom düzeyi sunarken, belirtilen kağıt boyutu için Chrome PRINT Önizleme davranışını taklit eder. Bu yöntem, girilen yakınlaştırma yüzdesine göre içeriği ölçeklendirir.

Ölçeklendirilmiş işleme, PDF'lerdeki içerik görünümü üzerinde hassas kontrol sunar. Sabit görsel alan yaklaşımlarından farklı olarak, bu yöntem dinamik içerik boyutu ayarlamalarına izin verir, farklı ölçeklerde okunabilirlik gerektiren belgeler veya farklı gösterim bağlamlarına hazırlık yapıyorsanız idealdir. Bu teknik, optimal belge sunumu için sayfa yönlendirme ve dönme ayarlarını tamamlar.

: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")
$vbLabelText   $csharpLabel

Sayfaya Sığdırma İşleme Nasıl Kullanılır?

Sayfaya sığdırma işleme, belirtilen kağıt boyutuna sığacak şekilde içeriği ölçeklendirir. İşlemeden sonra minimum HTML içerik genişliğini ölçer ve bir kağıt sayfası genişliğine sığmasını sağlamak için ölçeklendirir. Yapılandırılabilir minimum piksel genişliği, doğru görüntüleme ve CSS3 düzen kurallarına uyum sağlar.

Bu mod, yatay olarak birden fazla sayfayı kapsayabilen içerikle başa çıkar. Geniş tablolar, grafikler veya bir sayfa genişliğine sığması gereken panolar için iyi çalışır. Otomatik ölçekleme, tüm içeriğin yatay kaydırma olmaksızın görünür kalmasını sağlar, PDF raporları oluştururken okunabilirliğin önemli olduğu ideal hale getirir.

Sürekli Besleme İşleme Nasıl Kullanılır?

Sürekli besleme işleme, içeriklerin bir sayfaya sığdırıldığı tek sayfalık bir PDF oluşturur, tüketici faturası veya makbuzlar gibi belgeler için uygundur. Varsayılan PDF sayfa genişliği 80.0 milimetre, 5 milimetre kenar boşluklarıyla birlikte. Let's render the 'receipt.html' file to PDF.

Esneklik sağlamak için SetPageWidth ve SetMargins parametrelerini kullanarak sayfa genişliğini ve kenar boşluğunu özelleştirin. Bu mod, kısa ve öz, tek sayfalık belgeler oluşturur. Kesintisiz akış gerektiren makbuzlar, faturalar veya diğer belgeleri üretir. HTML'den PDF'e sayfa kırılışı kontrolü ile birleştiğinde, belirli gereksinimler için sofistike 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")
$vbLabelText   $csharpLabel

Başka neler yapabileceğinizi görmek için hazır mısınız? Buradaki öğretici sayfamıza göz atın: PDF'leri Dönüştürme

Sıkça Sorulan Sorular

HTML'den PDF'ye dönüştürmede görüntüleme alanı nedir?

IronPDF'de, görüntüleme alanı, web sayfalarını PDF'ye dönüştürmeden önce Chrome oluşturma motorunun kullandığı sanal ekran boyutunu temsil eder. Bu, web sayfası düzenlerinin PDF belgesinde nasıl yakalandığını belirler ve doğru oluşturma sonuçları elde etmek için önemlidir.

Tek satır kodla hem görüntüleme alanı genişliğini hem de yakınlaştırmayı nasıl kontrol edebilirim?

IronPDF'de hem görüntüleme alanı genişliğini hem de yakınlaştırmayı tek bir satırla kontrol edebilirsiniz: new IronPdf.ChromePdfRenderer { RenderingOptions = { ViewPortWidth = 1280, Zoom = 1.8 } }.RenderUrlAsPdf('https://example.com').SaveAs('zoomedViewport.pdf'). Bu, görüntüleme alanını 1280 piksel olarak ayarlar ve 1.8x yakınlaştırma faktörü uygular.

PaperFit modları nedir?

IronPDF'de PaperFit modları, RenderingOptions.PaperFit alanı üzerinden erişilen ve HTML içeriğini PDF sayfalarına yerleştirmek için farklı yaklaşımlar sunan ön tanımlı yöntemlerdir. Her mod, standart web sayfaları, fişler veya raporlar gibi belirli kullanım durumları için optimize edilir ve PDF'lerin istenen tasarım ve okunabilirlikte olmasını sağlar.

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üzenleriyle çalışırken özellikle kullanışlıdır. Yakınlaştırma seviyesini ince ayar yapmak, PDF'deki içerik boyutunu ayarlayarak düzen ve formatın düzgün kalmasını sağlar ve duyarlı tasarım unsurlarını korur.

Görüntüleme alanı ve yakınlaştırma özelliği hangi oluşturma motorunu kullanır?

IronPDF'deki görüntüleme alanı ve yakınlaştırma özellikleri Chrome oluşturma motorunu kullanır. Bu, web sayfalarının Google Chrome'da nasıl göründüğünü eşleştiren bir şekilde doğru ve tutarlı şekilde oluşturulmasını sağlar. PDF'ye dönüştürülmeden önce.

Chrome Varsayılan Rendering modu nedir?

IronPDF'de Chrome Varsayılan Rendering, PDF sayfalarını Google Chrome'un yazdırma önizlemesinde görüldüğü gibi düzenleyen bir PaperFit modudur. Verilen kağıt boyutuna göre duyarlı CSS görüntüleme alanını yorumlarken, bir web sayfasının Chrome'dan yazdırıldığında görünümünü eşleştirmek için rendering seçeneklerini yapılandırır.

Curtis Chau
Teknik Yazar

Curtis Chau, Bilgisayar Bilimleri alanında Lisans Derecesine (Carleton Üniversitesi) sahip ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirmeyle ilgileniyor. Sezgisel ve estetik açıdan hoş kullanıcı arayüzleri oluşturma tutkunu, Curtis modern çerçevelerle çalışmayı ve iyi yapı...

Daha Fazla Oku
Başlamaya Hazır mısınız?
Nuget İndirmeler 19,014,616 | Sürüm: 2026.5 just released
Still Scrolling Icon

Hâlâ Kaydırıyor Musunuz?

Hızlıca kanıt ister misiniz? PM > Install-Package IronPdf
bir örnek çalıştır HTML'nizi bir PDF'ye dönüştüğünü izleyin.