C#およびVBでPDFレンダリングにDataURIsを使用して画像を埋め込む

チャクニット・ビン

2023年1月25日

更新済み 2024年12月10日

共有:

Translated

View the article in English

HTML文字列やドキュメントを扱う際、アセットのディレクトリに依存しないことが有用な場合があります。この問題を回避するために、私たちは以下を使用しますデータURIスキーム.

データURIスキームは、ウェブ開発においてデータを直接HTMLやCSSコードに埋め込むために使用される方法であり、別々のファイルの必要性を排除します。データURIは、画像、ファイル、さらにはフォントをHTMLドキュメントに文字列として直接挿入することを可能にします。

IronPDFを始めましょう

今日から無料トライアルでIronPDFをあなたのプロジェクトで使い始めましょう。

最初のステップ:

データURIスキームを用いた画像の埋め込み方法

NuGetからIronPdfをダウンロードする
ReadAllBytesメソッドを使用して画像バイトを読み込みます
ToBase64String メソッドを使用してバイトを base64 に変換する
img タグに base64 情報を含める
HTMLをPDFにレンダリング

基本的な画像埋め込み例

次の例では、アセットファイルなしで画像をHTMLドキュメントにレンダリングしています：

:path=/static-assets/pdf/content-code-examples/how-to/datauris-image.cs

using IronPdf;
using System;

// Read byte from image file
var pngBinaryData = System.IO.File.ReadAllBytes("My_image.png");

// Convert bytes to base64
var ImgDataURI = @"data:image/png;base64," + Convert.ToBase64String(pngBinaryData);

// Import base64 to img tag
var ImgHtml = $"<img src='{ImgDataURI}'>";

ChromePdfRenderer Renderer = new ChromePdfRenderer();

// Render the HTML string
var pdf = Renderer.RenderHtmlAsPdf(ImgHtml);

pdf.SaveAs("datauri_example.pdf");

Imports IronPdf
Imports System

' Read byte from image file
Private pngBinaryData = System.IO.File.ReadAllBytes("My_image.png")

' Convert bytes to base64
Private ImgDataURI = "data:image/png;base64," & Convert.ToBase64String(pngBinaryData)

' Import base64 to img tag
Private ImgHtml = $"<img src='{ImgDataURI}'>"

Private Renderer As New ChromePdfRenderer()

' Render the HTML string
Private pdf = Renderer.RenderHtmlAsPdf(ImgHtml)

pdf.SaveAs("datauri_example.pdf")

全体を通してサービスを提供することもできます。IronPDFのASP.NET MVCインテグレーションを使用してHTML文字列またはPDFドキュメントをバイト配列にする.

チャクニット・ビン

今すぐエンジニアリングチームとチャット

ソフトウェアエンジニア

ChaknithはIronXLとIronBarcodeで作業しています。彼はC#と.NETに深い専門知識を持ち、ソフトウェアの改善と顧客サポートを支援しています。ユーザーとの対話から得た彼の洞察は、より良い製品、文書、および全体的な体験に貢献しています。