IronPDF에서 C# 가상 뷰포트 및 확대/축소 기능을 사용하는 방법

IronPDF의 용지 맞춤 모드는 무엇인가요?

특정 렌더링 유형 및 모드에 대한 사전 설정 메서드를 사용하려면 RenderingOptions의 PaperFit 필드에 액세스하십시오. 이러한 모드는 사용자 지정 용지 크기를 만들 때 사용되는 기술과 유사하게 HTML 콘텐츠를 PDF 페이지에 렌더링하는 다양한 접근 방식을 제공합니다. 각 PaperFit 모드를 비교를 위해 위키피디아 메인 페이지를 렌더링하여 살펴보겠습니다.

PaperFit 모드는 표준 웹 페이지부터 영수증이나 보고서와 같은 특수 문서에 이르기까지 다양한 콘텐츠 레이아웃을 지원합니다. 각 모드는 특정 사용 사례에 최적화되어 원본 콘텐츠의 형식과 관계없이 PDF가 의도된 디자인과 가독성을 유지하도록 보장합니다.

크롬 기본 렌더링을 어떻게 사용하나요?

이 모드는 PDF 페이지를 Google Chrome의 인쇄 미리보기에서 보이는 것처럼 배치합니다. 이 기능은 크롬에서 인쇄할 때 웹 페이지의 모양과 일치하도록 렌더링 옵션을 구성합니다. 반응형 CSS 뷰포트는 너비를 기준으로 지정된 용지 크기를 해석합니다. 이 설정을 구성하려면 UseChromeDefaultRendering 메서드를 사용하십시오.

크롬의 기본 렌더링은 브라우저의 인쇄 기대치와 일관성을 유지합니다. 이 기능은 일반적인 웹 페이지 및 문서에서 브라우저 인쇄 시 나타나는 자연스러운 콘텐츠 흐름을 유지하려는 경우에 효과적입니다. 자바스크립트 렌더링이 필요한 고급 시나리오의 경우, 이 모드는 동적 콘텐츠의 적절한 실행 및 표시를 보장합니다.

: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");

반응형 CSS 렌더링은 어떻게 사용하나요?

반응형 CSS 모드에서는 UseResponsiveCssRendering 메서드에 값을 전달하여 뷰포트 너비를 지정합니다. 기본값인 ViewPortWidth는 1280픽셀입니다. 뷰포트 단위는 픽셀 기반이며, 반응형 CSS 디자인을 위한 가상 브라우저 뷰포트를 나타냅니다. 이 모드는 최신 프레임워크를 지원하며 Bootstrap 및 Flex CSS 레이아웃 과 호환됩니다.

반응형 CSS는 ViewPortWidth 매개변수를 기반으로 HTML 렌더링을 정의하여 지정된 용지 크기 너비에 맞게 콘텐츠 크기를 조정합니다. 이 접근 방식은 반응형 디자인 원칙을 사용하는 최신 웹 애플리케이션에 적합하며, 원래 뷰포트 크기에 관계없이 PDF가 의도한 레이아웃을 유지하도록 보장합니다. 사용자 지정 여백을 사용하는 경우, 이 모드는 다양한 페이지 크기에 맞춰 콘텐츠를 정밀하게 조정할 수 있도록 해줍니다.

: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");

확대/축소 렌더링은 어떻게 사용하나요?

UseScaledRendering 메서드는 지정된 용지 크기에 대해 Chrome의 인쇄 미리보기 동작을 모방하면서 확대/축소 수준을 조절할 수 있도록 합니다. 이 메서드는 입력된 확대/축소 비율에 따라 콘텐츠 크기를 조정합니다.

확대/축소 렌더링은 PDF에서 콘텐츠의 모양을 정밀하게 제어할 수 있도록 해줍니다. 고정된 뷰포트 방식과 달리, 이 방법은 콘텐츠 크기를 동적으로 조절할 수 있어 다양한 배율에서 가독성이 요구되는 문서나 여러 디스플레이 환경에 맞춰 PDF를 제작할 때 이상적입니다. 이 기술은 최적의 문서 표시를 위해 페이지 방향 및 회전 설정을 보완합니다.

: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");

페이지 맞춤 렌더링은 어떻게 사용하나요?

용지 크기에 맞추기 렌더링은 지정된 용지 크기에 맞게 콘텐츠 크기를 조정합니다. 렌더링 후 HTML 콘텐츠의 최소 너비를 측정하고 가능한 경우 한 장의 용지 너비에 맞게 크기를 조정합니다. 설정 가능한 최소 픽셀 너비는 CSS3 레이아웃 규칙에 따라 올바른 표시와 반응성을 보장합니다.

이 모드는 가로로 여러 페이지에 걸쳐 있는 콘텐츠를 처리합니다. 이 기능은 한 페이지 너비 안에 맞춰야 하는 넓은 표, 차트 또는 대시보드에 적합합니다. 자동 크기 조정 기능 덕분에 가로 스크롤 없이 모든 콘텐츠가 표시되므로 가독성이 중요한 PDF 보고서 생성 에 이상적입니다.

: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");

연속 피드 렌더링은 어떻게 사용하나요?

연속 피드 렌더링은 모든 내용을 한 페이지에 담는 단일 페이지 PDF를 생성하며, 소비자 청구서나 영수증과 같은 문서에 적합합니다. 기본 PDF 페이지 너비는 80.0mm이고 여백은 5mm입니다. Let's render the 'receipt.html' file to PDF.

페이지 너비와 여백을 유연하게 조정하려면 width 및 margin 매개변수를 사용하십시오. 이 모드는 간결한 단일 페이지 문서를 생성합니다. 이 프로그램은 페이지 나누기 없이 연속적인 흐름이 필요한 영수증, 송장 또는 기타 문서를 생성합니다. HTML을 PDF로 변환할 때 페이지 나누기 제어 기능 과 결합하면 특정 요구 사항에 맞는 정교한 문서 레이아웃을 만들 수 있습니다.

: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");

당신이 할 수 있는 다른 일들을 알아볼 준비가 되셨나요? PDF 변환 방법에 대한 튜토리얼 페이지는 여기에서 확인하세요.