HTML에서 PDF로 변환하는 JavaScript

VB C#

string(19) "클릭하여 복사"

using IronPdf;

const string htmlWithJavaScript = @"
<h1>This is HTML</h1>
<script>
    document.write('<h1>This is JavaScript</h1>');
    window.ironpdf.notifyRender();
</script>";

// Instantiate Renderer
var renderer = new ChromePdfRenderer();

// Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

// Export to a file or Stream
pdfJavaScript.SaveAs("javascript-in-html.pdf");

Install-Package IronPdf

HTML에서 PDF로 변환하는 JavaScript

IronPDF를 사용하면 HTML 콘텐츠에서 PDF 파일을 생성할 수 있지만, 순수 HTML 콘텐츠만 PDF로 변환할 수 있는 것은 아닙니다. 또한 사용자 지정 CSS 및 JavaScript를 사용하여 HTML을 변환할 수도 있습니다. 예를 들어 HTML 콘텐츠 내에서 JavaScript를 사용하면 이미지와 같은 자산을 외부 자산으로 로드하는 대신 HTML 문자열에 직접 포함할 수 있습니다. 이를 달성하는 데 필요한 것은 ChromePdfRenderer 클래스와 해당 RenderingOptions 속성뿐입니다.

C#에서 JavaScript를 사용하여 HTML을 PDF로 렌더링하는 5단계

const string htmlWithJavaScript = "....";
var renderer = new ChromePdfRenderer();
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitForJavaScript();
var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

문자열 변수 안에는 PDF를 생성하는 데 사용될 JavaScript 코드가 포함된 JavaScript 태그(<script>)가 있는 HTML 문자열을 만들었습니다. 스크립트 태그를 사용한다는 것은 문자열의 어느 부분이 JavaScript인지를 나타내는 것이며, 나중에 RenderingOptions 속성을 사용하여 해당 JavaScript를 활성화한다는 의미입니다. 이를 통해 이미지를 삽입하고, 렌더링된 PDF에서 상호 작용성을 유지하는 등 다양한 작업을 수행할 수 있습니다.

new ChromePdfRenderer();를 사용하면 HTML 콘텐츠를 PDF로 렌더링하는 것을 제어하는 ChromePdfRenderer 클래스의 새 인스턴스를 생성합니다. 이 클래스를 사용하면 렌더링된 PDF 파일이 픽셀 단위로 완벽하게 출력될 뿐만 아니라 사용자 지정 JavaScript 또는 CSS 콘텐츠도 최종 결과물에 그대로 유지된다는 것을 확신할 수 있습니다.

다음으로, ChromePdfRenderer 클래스 내의 RenderingOptions 속성을 사용하여 새 PDF가 렌더링되기 전에 JavaScript가 실행되도록 합니다. RenderingOptions.WaitForJavaScript() 메서드는 프로그램이 렌더링 프로세스를 계속하기 전에 JavaScript 실행이 완료될 때까지 기다리도록 합니다. 렌더링은 JavaScript 코드가 window.ironpdf.notifyRender() 메서드를 실행하면 시작됩니다. RenderingOptions 속성은 우리가 생성한 ChromePdfRenderer 인스턴스에 할당되므로, 이 렌더러로 생성된 모든 PDF에 해당 옵션이 사용됩니다.

renderer.RenderHtmlAsPdf(...) 메서드는 PDF 문서의 실제 렌더링을 처리합니다. 이 메서드에 JavaScript가 포함된 HTML 문자열을 전달하면 모든 HTML 및 JavaScript 항목을 포함하는 고품질 PDF로 렌더링할 수 있습니다. 이것은 새롭게 렌더링된 PDF를 저장하는 새로운 PdfDocument 객체에 저장되며, 이 경우 해당 객체의 이름은 pdfJavaScript입니다. 마지막으로, SaveAs 방법을 사용하여 이 새로운 PDF를 저장할 수 있습니다.

JavaScript HTML을 PDF로 렌더링하는 방법을 알아보세요

GitHub에서 보기

암호

https://github.com/iron-software/IronPdf.Examples/tree/main/examples/javascript-html-to-pdf

ZIP 파일 다운로드