嵌入點陣圖和圖像

VB C#

using IronPdf;
using IronSoftware.Drawing;
using System;
using System.IO;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Import image file as byte
byte[] binaryData = File.ReadAllBytes("sample.jpg");

// Convert byte to base64
string imgDataUri = @"data:image/jpg;base64," + Convert.ToBase64String(binaryData);
string imgHtml = $"<img src='{imgDataUri}'>";

PdfDocument pdf = renderer.RenderHtmlAsPdf(imgHtml);
pdf.SaveAs("embedded_example_1.pdf");

Imports IronPdf
Imports IronSoftware.Drawing
Imports System
Imports System.IO

Private renderer As New ChromePdfRenderer()

' Import image file as byte
Private binaryData() As Byte = File.ReadAllBytes("sample.jpg")

' Convert byte to base64
Private imgDataUri As String = "data:image/jpg;base64," & Convert.ToBase64String(binaryData)
Private imgHtml As String = $"<img src='{imgDataUri}'>"

Private pdf As PdfDocument = renderer.RenderHtmlAsPdf(imgHtml)
pdf.SaveAs("embedded_example_1.pdf")

Install-Package IronPdf

嵌入點陣圖和圖像

當您想在 HTML 中使用 base64 編碼嵌入圖像時，您需要通過讀取圖像文件或通過網絡請求獲取圖像的二進位數據。如您所見，在此範例中，我們已經導入了我們想要使用的圖像並獲取了其二進位數據。然後，使用 Convert.ToBase64String 方法，我們已成功將其轉換為 base64。通過此方法，您將能夠將圖像添加到您用於呈現 PDF 文件的任何 HTML 內容中。

嵌入位元圖和影像的步驟

byte[] pngBinaryData = File.ReadAllBytes("使用您的圖片");
byte[] base64Bytes = new byte[3];
string imgDataUri = @"data:image/png;base64," + Convert.ToBase64String(base64Bytes);
string imgHtml = $"<img src='{imgDataUri}'>";
PdfDocument pdf = renderer.RenderHtmlAsPdf(imgHtml);

在我們開始將圖片嵌入到 PDF 文件之前，我們首先需要創建一個新的ChromePdfRenderer實例。該渲染引擎能夠從 HTML 字串、HTML 檔案、網址等內容生成高品質的 PDF 檔案。一旦我們創建了渲染器，我們現在需要加載我們想嵌入的圖像。為此，您需要使用File.ReadAllBytes方法將提供的圖像文件內容讀入字節陣列。

接下來，我們初始化一個名為base64Bytes的佔位符位元組陣列來表示圖像數據。 Convert.ToBase64String(base64Bytes) 隨後用來將 base64Bytes 陣列轉換為 Base64 編碼的字串。然後，我們將在結果之前加上一個用於 PNG 圖像的標準數據 URI Scheme，即 "data:image/png;base64,"。現在，我們需要創建將用於生成 PDF 文件的 HTML 字串。在此字串中，我們創建了一個圖像標籤，其中的src屬性使用我們在前一步創建的 base64 圖像數據 URI。這將把我們的圖像嵌入到 HTML 字串中，從而嵌入到我們的 PDF 文件中。

下一步是將 HTML 字串渲染為 PDF。為此，您需要使用RenderHtmlAsPdf方法，這是通過渲染器訪問的。通過這個方法傳遞 HTML 字串，將會把 HTML 轉換為 PDF，並將生成的 PDF 檔案存儲在 PdfDocument 物件中。最後，您可以使用SaveAs方法儲存渲染的PDF。點擊這裡查看使用指南，包括範例、範例代碼和文件。