Angular.JS를 PDF로 변환

import {PdfDocument, WaitForType} from "@ironsoftware/ironpdf";

(async () => {
    // Configure render options
    const options = {
        enableJavaScript: true,
        // Wait for Javascript
        waitFor: {
            type: WaitForType.JavaScript,
            maxWaitTime: 500,
        },
    };
    
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });

    // Export the PDF document
await pdf.saveAs("angular.pdf");
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

Angular.JS를 PDF로 변환

IronPDF의 fromUrl 메서드를 사용하여 URL로부터 PDF 문서를 렌더링합니다. 렌더링은 즉시 이루어지기 때문에 때때로 JavaScript 또는 글꼴 로딩에 문제가 발생할 수 있습니다. JavaScript와 글꼴이 올바르게 로드되도록 보장하기 위해, waitFor 클래스를 사용하고 적절한 대기 유형과 최대 대기 시간을 지정하는 것이 좋습니다.

JavaScript 또는 글꼴이 제대로 로드되지 않으면 다음과 같은 문제가 발생할 수 있습니다.

보이지 않는 텍스트 내용
콘텐츠가 잘못 표시되었습니다

다음은 IronPDF 사용하여 적절한 대기 메커니즘으로 PDF를 렌더링하는 방법을 보여주는 예제 코드 조각입니다.

코드 설명

IronPDF 네임스페이스 가져오기: 코드가 IronPdf 및 System 네임스페이스를 가져오는 것으로 시작됩니다. IronPDF는 PDF 렌더링에 필요하며, System은 TimeSpan 클래스를 사용하는 것과 같은 기본 기능을 제공합니다.
Main
주 메서드: Main 메서드는 프로그램의 진입점입니다.
URL 지정: 변수 url는 PDF 문서로 전환하려는 웹 페이지의 URL을 저장합니다.
렌더러 초기화: HtmlToPdf 렌더러의 인스턴스가 new HtmlToPdf()을 사용하여 생성됩니다. 이 인스턴스는 변환을 수행하는 데 사용됩니다.
URL을 PDF로 렌더링: URL의 HTML 콘텐츠를 PDF 문서로 변환하기 위해 renderer 인스턴스에서 RenderUrlAsPdf() 메서드가 호출됩니다.
전체 페이지 로드 보장: JavaScript와 글꼴 같은 리소스의 비동기 로딩을 처리하기 위해 WaitForNetworkIdle()을 사용합니다. 이 메서드는 네트워크 활동이 줄어들 때까지 대기하며, 최대 대기 시간이 TimeSpan.FromSeconds(10)으로 지정됩니다. 이는 동적 콘텐츠나 글꼴에 크게 의존하는 페이지에 특히 중요합니다.
PDF 저장: 생성된 PDF는 SaveAs() 메서드를 사용하여 output.pdf라는 이름의 파일에 저장됩니다.
상태 메시지 : 마지막으로 PDF 저장이 성공적으로 완료되면 콘솔에 확인 메시지가 출력됩니다.