Angular.JS를 PDF로 변환

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

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");
})();

Angular.JS를 PDF로 변환

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

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

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

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

코드 설명

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