相关文章推荐
小百科
›
在 Node.js 中合并 PNG 文件 - PNG 合并库
png
沉稳的冰棍
8 月前
中文
English
日本
한국인
Español
Deutsch
Русский
Français
Italiano
Português
عربي
Tiếng Việt
中國傳統的
Türkçe
Indonesian
Thai
فارسی
українська
Polski
</noscript><header class="header"><nav class="nav"><div class="logo"><a href="https://blog.groupdocs.cloud/zh/" accesskey="h" title="Home (Alt + H)">Home</a><div class="logo-switches"><button id="theme-toggle" accesskey="t" title="(Alt + T)"><svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewbox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewbox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></button></div></div><ul id="menu"><li><a href="https://blog.groupdocs.cloud/zh/search/" title="搜索 (Alt + /)" accesskey="/"><span>搜索</span></a></li><li><a href="https://blog.groupdocs.cloud/zh/categories/" title="类别"><span>类别</span></a></li><li><a href="https://blog.groupdocs.cloud/zh/archives/" title="档案"><span>档案</span></a></li><li><a href="https://blog.groupdocs.cloud/zh/tags/" title="标签"><span>标签</span></a></li></ul></nav></header><main class="main"><article class="post-single"><header class="post-header"><div class="breadcrumbs"><a href="https://blog.groupdocs.cloud/zh/">主页</a> » <a href="https://blog.groupdocs.cloud/zh/groupdocs.cloud/">GroupDocs.Clouds</a></div><h1 class="post-title">在 Node.js 中合并 PNG 文件 - PNG 合并库</h1><div class="post-meta"><time datetime="2023-11-02T01:44:10+00:00">November 2, 2023</time> · 穆罕默德·穆斯塔法 · 2 分钟</div></header><div class="post-content"><figure class="align-center"><img loading="lazy" src="images/merge-png-files-in-nodejs-png-merger-library.png#center" alt="在 Node.js 中合并 PNG 文件"/></figure><p>这篇博文介绍了 <a href="https://products.groupdocs.cloud/merger/">GroupDocs.Merger</a>，它公开了 <a href="https://products.groupdocs.cloud/merger/family/">Cloud SDks</a> 和 <a href="https://products.groupdocs.cloud/merger/curl/">REST API</a> 以编程方式合并各种文件格式。此外，还有一个基于网络的<a href="https://products.groupdocs.app/merger/png">在线</a>工具来执行文件合并，并且它也由<a href="https://products.groupdocs.cloud/merger/family/">GroupDocs.Merger Cloud SDK</a>提供支持。然而，在这篇博文中，我们将学习如何在 Node.js 中合并 <a href="https://docs.fileformat.com/image/png/">PNG</a> 文件，并且我们还将通过这个在线工具将 PNG 文件合并为一个。因此，请仔细阅读本文，在本教程结束时，您将能够以编程方式合并 PNG 图像。</p><p>我们将在本文中介绍以下部分：</p><ul><li><a href="#png-merger-library-installation">PNG合并库安装</a></li><li><a href="#merge-png-files-in-nodejs-programmatically">以编程方式在 Node.js 中合并 PNG 文件</a></li><li><a href="#merge-png-files-online">在线合并 PNG 文件</a></li></ul><h2 id="png-merger-library-installation">PNG 合并库安装<a hidden="" class="anchor" aria-hidden="true" href="#png-merger-library-installation">#</a></h2><p>让我们在项目中安装 <a href="https://www.npmjs.com/package/groupdocs-merger-cloud">GroupDocs.Merger Cloud SDK for Node.js</a>。这个企业级 PNG 合并库易于安装，并提供广泛的功能来以编程方式合并 PNG 文件。因此，您可以在终端/CMD 中运行以下命令：</p><pre tabindex="0"><code>npm install groupdocs-merger-cloud </code></pre><p>成功安装后，下一步是获取 API 凭据(客户端 ID + 客户端密钥)。从 API 云 <a href="https://dashboard.groupdocs.cloud/">仪表板</a> 获取 API 凭证的过程非常简单。</p><p>如果您在获取 API 凭证时遇到任何困难，请访问此<a href="https://blog.groupdocs.cloud/merger/password-protect-excel-using-password-protection-service/#how-to-obtain-api-credentials-to-use-groupdocs-merger-cloud-sdk">指南</a>。</p><h2 id="merge-png-files-in-nodejs-programmatically">以编程方式在 Node.js 中合并 PNG 文件<a hidden="" class="anchor" aria-hidden="true" href="#merge-png-files-in-nodejs-programmatically">#</a></h2><p>在开始编写代码之前，请注意我们已将两个源 PNG 图像上传到 API Cloud 仪表板。事实上，您可以通过调用此 <a href="https://apireference.groupdocs.cloud/merger/#/File/UploadFile">UploadFile</a> 方法来手动或以编程方式上传。</p><p>以下步骤展示了如何在 Node.js 中组合 PNG 文件：</p><ul><li>在您的 Node.js 项目中包含 <a href="https://www.npmjs.com/package/groupdocs-merger-cloud">groupdocs-merger-cloud</a> 模块。</li><li>从 API Cloud Dashboard 获取 API 凭证。</li><li>调用 <a href="https://reference.groupdocs.cloud/merger/#/Document">DocumentApi</a> 类的 fromKeys 方法并传递 API 凭据。</li><li>初始化 JoinItem 类的实例，该类描述连接操作的文档。</li><li>实例化 <a href="https://reference.groupdocs.cloud/merger/#/Info/GetInfo">FileInfo</a> 类的对象。</li><li>通过调用 filePath 属性定义源 PNG 文件的文件路径。</li><li>创建 JoinOptions 类的对象。</li><li>调用 JoinItems 属性来分配源文档数组。</li><li>设置生成的合并 PNG 图像的输出路径。</li><li>初始化 JoinRequest 类的实例并将其传递给 <a href="https://reference.groupdocs.cloud/merger/#/Document/Join">join</a> 方法以合并 JPG 文件。</li></ul><p>以下代码示例演示了如何以编程方式合并 PNG 图像：</p><pre tabindex="0"><code> // 在您的 Node.js 项目中包含 groupdocs-merger-cloud 模块。 const merger_cloud = require("groupdocs-merger-cloud"); // 从 API Cloud Dashboard 获取 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 图像的输出路径。
推荐文章
