Node.js で PNG ファイルを結合する

このブログ投稿では、さまざまなファイル形式をプログラムでマージするために Cloud SDksREST API を公開した GroupDocs.Merger を紹介します。さらに、ファイルのマージを実行するための Web ベースの オンライン ツールがあり、これも GroupDocs.Merger Cloud SDK を利用しています。ただし、このブログ投稿では、Node.js で PNG ファイルを結合する方法を学び、また、このオンライン ツールを使用して PNG ファイルを 1 つに結合する方法についても説明します。したがって、この記事をよく読んでください。このチュートリアルが終わるまでに、プログラムで PNG 画像を結合できるようになります。

この記事では次のセクションについて説明します。

PNG Merger ライブラリのインストール

GroupDocs.Merger Cloud SDK for Node.js をプロジェクトにインストールしましょう。このエンタープライズ レベルの PNG マージ ライブラリはインストールが簡単で、プログラムで PNG ファイルをマージするための幅広い機能を提供します。したがって、ターミナル/CMD で次のコマンドを実行できます。

npm install groupdocs-merger-cloud

インストールが成功したら、次のステップは API 資格情報 (クライアント ID とクライアント シークレット) を取得することです。 API クラウド ダッシュボード から API 認証情報を取得する非常に簡単なプロセスがあります。

API 認証情報の取得で問題が発生した場合は、この ガイド を参照してください。

プログラムで PNG ファイルを Node.js に結合する

コードの作成に進む前に、2 つのソース PNG 画像を API Cloud ダッシュボードにアップロードしたことに注意してください。実際、この UploadFile メソッドを呼び出すことで、手動またはプログラムでアップロードできます。

次の手順は、Node.js で PNG ファイルを結合する方法を示しています。

  • Node.js プロジェクトに groupdocs-merger-cloud モジュールを含めます。
  • API クラウド ダッシュボードから API 認証情報を取得します。
  • DocumentApi クラスの fromKeys メソッドを呼び出し、API 認証情報を渡します。
  • 結合操作のドキュメントを記述する JoinItem クラスのインスタンスを初期化します。
  • FileInfo クラスのオブジェクトをインスタンス化します。
  • filePath プロパティを呼び出して、ソース PNG ファイルのファイル パスを定義します。
  • JoinOptions クラスのオブジェクトを作成します。
  • JoinItems プロパティを呼び出して、ソース ドキュメント配列を割り当てます。
  • 生成された結合された PNG 画像の出力パスを設定します。
  • JoinRequest クラスのインスタンスを初期化し、それを join メソッドに渡して JPG ファイルをマージします。

次のコード サンプルは、プログラムで PNG 画像を結合する方法を示しています。


 // Node.js プロジェクトに groupdocs-merger-cloud モジュールを含めます。
const merger_cloud = require("groupdocs-merger-cloud");
// APIクラウドダッシュボードからAPI認証情報を取得する 
const clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
const clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

// DocumentApi クラスの fromKeys メソッドを呼び出して、API 資格情報を渡します。
const documentApi = merger_cloud.DocumentApi.fromKeys(clientId, clientSecret);
// 結合操作用のドキュメントを記述する JoinItem クラスのインスタンスを初期化します。
let item1 = new merger_cloud.JoinItem();
// FileInfo クラスのオブジェクトをインスタンス化します。
item1.fileInfo = new merger_cloud.FileInfo();
// filePath プロパティを呼び出して、ソース PNG ファイルのファイル パスを定義します。
item1.fileInfo.filePath = "first.png";
 
let item2 = new merger_cloud.JoinItem();
item2.fileInfo = new merger_cloud.FileInfo();
item2.fileInfo.filePath = "second.png";    
// JoinOptions クラスのオブジェクトを作成します。
let options = new merger_cloud.JoinOptions();
// JoinItems プロパティを呼び出して、ソース ドキュメント配列を割り当てます。
options.joinItems = [item1, item2];
// 生成された結合された PNG 画像の出力パスを設定します。
options.outputPath = "Output/merged.png";
// JoinRequest クラスのインスタンスを初期化し、それを join メソッドに渡して JPG ファイルを結合します。  
documentApi.join(new merger_cloud.JoinRequest(options)).then(()=>console.log("Successfully combined PNG files into one."));
  

メイン ファイルを実行すると、API クラウド ダッシュボード の「出力」フォルダーに新しいファイル (つまり、merged.png) が生成されるのが表示されます。上記のコード スニペットの出力を以下に示します。

PNGファイルを1つに結合する

繰り返しますが、DownloadFile メソッドを呼び出して、手動またはプログラムでファイルをダウンロードできます。

オンラインで PNG ファイルを結合

ここまでは、PNG ファイルをプログラムで Node.js にマージする方法を学習しました。このガイドでは、この PNG マージ ライブラリの オンライン バージョンにアクセスします。したがって、使い方は非常に簡単で、数秒でタスクを実行できます。何よりも、無料で使用でき、アカウントの作成や購読は必要ありません。

オンラインでPNGファイルを結合する

最終的な考え

結論として、プログラムで Node.js 内の PNG ファイルをマージする方法を説明しました。さらに、PNG 画像を結合するために使用できる手順とコード サンプルについても説明しました。さらに、このブログ投稿は、Node.js で PNG マージ モジュールを構築する場合に役立ちます。 GroupDocs.Merger Cloud SDK for Node.js によって公開されている他の機能について学ぶには、ドキュメント にアクセスしてください。ライブ API ここ を操作したり、オープンソースであるため GitHub リポジトリにアクセスしたりすることもできます。

さらに、スタートガイドに従うことをお勧めします。

最後に、groupdocs.cloud が新しいブログ投稿を書いています。定期的に最新情報をお知らせいたしますので、よろしくお願いいたします。

質問する

ご質問やご質問については、フォーラム でお知らせください。

よくある質問 – FAQ

Node.js で 2 つのファイルをマージするにはどうすればよいですか?

GroupDocs.Merger Cloud SDK for Node.js は、2 つのファイルを 1 つにマージするための膨大な機能スタックを提供します。詳細については、ドキュメントを参照してください。

複数の画像を 1 つに結合するにはどうすればよいですか?

PNG ファイルを 1 つに結合するには、この リンク にアクセスしてください。

関連項目