비트맵 및 이미지 삽입

import {PdfDocument} from "@ironsoftware/ironpdf";
import fs from 'fs';

(async () => {
    // Image file path
    const filePath = 'iron.png';

    // Read bytes from a file using fs.readFile
    fs.readFile(filePath, (err, data) => {
    if (err) {
        console.error('Error reading file:', err);
        return;
    }

    let binaryString = '';
    data.forEach((byte) => {
        binaryString += String.fromCharCode(byte);
      });

    // Convert the binary string to base64
    const base64String = btoa(binaryString);

    // Insert base64 to img element
    const imgHtml = `<img src='data:image/png;base64,${base64String}'>`;

    // Render HTML content with the embedded image to a PDF
    const pdf = PdfDocument.fromHtml(imgHtml).then(
        (returnedPdf)=>{
            // Save the PDF
            returnedPdf.saveAs("embedded_example_1.pdf")
        });
    });
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

비트맵 및 이미지 삽입

HTML 콘텐츠가 데이터를 가져오기 위해 인터넷 연결이 필요하지 않도록 하려면 이미지를 base64 형식으로 HTML에 삽입할 수 있습니다. 이미지를 base64 형식으로 HTML에 삽입하려면 이미지를 불러와서 이미지 정보를 base64 형식으로 변환해야 합니다.

다음은 이미지 파일을 읽고, base64 문자열로 변환한 다음, HTML 문서에 삽입하는 방법을 보여주는 전체 예제입니다. 마지막으로, IronPDF 사용하여 이 HTML에서 PDF를 생성하는 방법을 보여줍니다.

설명:

이미지를 Base64로 인코딩하기:
- encodeImageToBase64(filePath): 이미지 파일을 읽고 비동기적으로 base64 문자열로 변환하는 함수입니다.
- 이미지 파일을 읽기 위해 fs.readFile를 사용합니다. 성공하면 데이터를 base64 문자열로 변환하고 이를 해결합니다.
HTML 콘텐츠 설정:
- createHtmlContent(base64Data): img 태그 내에 base64 이미지 데이터를 포함한 HTML 콘텐츠를 구성합니다.
PDF 생성:
- generatePdf(filePath): 먼저 encodeImageToBase64을 호출하고 다음으로 createHtmlContent을 호출한 후, IronPdf를 통해 PDF를 생성하여 프로세스를 조율하는 메인 함수입니다.
- IronPdf.PdfDocument.fromHtml를 사용하여 HTML 콘텐츠에서 PDF 문서를 생성합니다.
- 생성된 PDF를 pdf.saveAs를 사용하여 저장합니다.
실행:
- 원하는 이미지 파일 경로로 generatePdf을 호출합니다.