HTML から JPG

C# .NET で HTML を JPEG に変換する

HTML は Web 上でコンテンツを表示するのに最適ですが、コンテンツを視覚的な形式で共有、埋め込み、または保存するのに必ずしも最適であるとは限りません。そのため、HTML を JPG に変換すると、Web コンテンツの配布が簡素化されるだけでなく、さまざまなプラットフォームでのアクセシビリティと使いやすさが向上します。この記事では、.NET REST API を使用して動的な Web ページの静的画像表現を生成する方法について詳しく説明します。

HTML から JPG への変換 API

Aspose.HTML Cloud SDK for .NET は、HTML コンテンツを高品質の JPG 画像に変換するための強力で柔軟なソリューションを提供します。この変換は最小限の労力で実行でき、HTML コンテンツが正確にレンダリングされ、視覚的に魅力的な JPG 画像に変換されることが保証されます。変換プロセスの最初の手順は、.NET プロジェクトに REST API 参照を追加することです。NuGet パッケージ マネージャーで Aspose.HTML-Cloud を検索し、パッケージの追加 ボタンをクリックしてください。次に、Aspose.Cloud ダッシュボード で無料アカウントを作成し、クライアント資格情報の詳細を取得します。

C# .NET で HTML を JPG に変換する方法

C# .NET を使用して HTML を JPG 画像に変換するための強力で柔軟なソリューションの詳細を詳しく見ていきましょう。

var storageApi = new HtmlApi(CLIENT_ID, CLIENT_SECRET).StorageApi;

クライアント資格情報を引数として渡しながら、StorageApi のインスタンスを作成します。

var exists = await storageApi.UploadFileAsync(@"C:\Users\"+ inputFileName, inputFileName, "Internal");

入力した HTML をクラウド ストレージにアップロードします。

var api = new HtmlApi(clientID, clientSecret).ConvertApi;

ここで、入力資格情報を引数として渡す HtmlApi のインスタンスを作成します。

var options = new ImageConversionOptions();

オプションで、結果の JPEG 画像の余白の詳細を定義できます。

var result = await api.ConvertAsync(inputFileName, resultantFileName, options);

最後に、API を呼び出して HTML を JPG 画像に変換し、結果の画像をクラウド ストレージにアップロードします。

// 完全な例については、https://github.com/aspose-html-cloud/aspose-html-cloud-dotnet をご覧ください。

string clientSecret = "1c9379bb7d701c26cc87e741a29987bb";
string clientID = "bbf94a2c-6d7e-4020-b4d2-b9809741374e";

// 入力HTMLファイルの名前
String inputFileName = "sourceHTML.html";
// 出力ファイル名
String resultantFileName = "Converted.jpg";

try
{
    // SDK APIオブジェクトを初期化する
    var storageApi = new HtmlApi(clientID, clientSecret).StorageApi;
    // ファイルtest.htmlをクラウドストレージにアップロードする
    var exists = await storageApi.UploadFileAsync(@"C:\Users\"+ inputFileName, inputFileName, "Internal");
    

    // SDK API を初期化する
    var api = new Aspose.HTML.Cloud.Sdk.HtmlApi(clientID, clientSecret).ConvertApi;

    // オプションインスタンスを作成し、HTMLからPNGへの変換オプションを指定します。
    var options = new ImageConversionOptions()
        .SetHeight(800)
        .SetWidth(1000)
        .SetLeftMargin(10)
        .SetRightMargin(10)
        .SetBottomMargin(10)
        .SetTopMargin(10);

        // HTML を JPG に変換する
        var result = await api.ConvertAsync(inputFileName, resultantFileName, options);
}
catch(Exception ex)
{ Console.WriteLine(ex.StackTrace); }

cURL コマンドを使用して Web を JPG に変換する

Aspose.HTML Cloud API には、コマンド ライン ターミナルを使用して cURL コマンド経由でアクセスすることもできます。このアプローチの前提条件として、まず個々のクライアント資格情報に基づいて JSON Web トークン (JWT) を生成する必要があります。次のコマンドを実行して JWT トークンを生成してください。

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=bbf94a2c-6d7e-4020-b4d2-b9809741374e&client_secret=1c9379bb7d701c26cc87e741a29987bb" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

JWT トークンが生成されたので、次のコマンドを実行して HTML を JPG 画像に変換する必要があります。

curl -v "https://api.aspose.cloud/html/{sourceFile}/convert/image/jpg?outPath={convertedImage}&storage=Internal" \
-X PUT \
-H "accept: application/json" \
-H "authorization: Bearer <JWT Token>"

sourceFile をクラウド ストレージにアップロードされた入力 HTML ファイルの名前に置き換え、convertedImage を結果の JPG 画像の名前に置き換えます。

便利なリンク

結論

当社の Cloud SDK が提供する使いやすさ、高品質の出力、スケーラビリティは、あらゆる開発ワークフローに欠かせない資産であることがわかりました。今すぐ Aspose.HTML Cloud SDK を試して、その強力な機能を活用して、HTML から JPG への変換タスクを効率化してください。

関連記事

詳細については、以下のブログもご覧ください。