将HTML转换为图片 Javascript

转换 HTML 到图像中的 JavaScript

需要以 HTML 转换为图像吗？使用Aspose.Words for Node.js via .NET任何开发人员都可以轻松地将 HTML 转换为图形格式，只需几行 JavaScript 代码。

现代文档处理 JavaScript API 从 HTML 文件高速创建图像。在浏览器中 HTML 到图像转换的质量。强大的 JavaScript 库允许将 HTML 文件转换为几乎所有常见的图形格式。

保存 HTML 像在图像 JavaScript

下面的例子演示了如何转换 HTML 到图像中的 JavaScript 。

按照简单的步骤将 HTML 文件转换为图形格式。从本地驱动器读取 HTML ，然后简单地将其保存为图片，通过图像扩展名指定所需的图形格式。对于 HTML 读取和图像写入，您可以使用完全限定的文件名。生成的内容将与原始 HTML 文件相同。

JavaScript代码示例将HTML转换为JPG格式

输入文件

上传您要转换的文件

运行代码

输出格式

从列表中选择目标格式

npm install @aspose/words

复制

const aw = require('@aspose/words'); var doc = new aw.Document("Input.html") for (var page = 0; page < doc.pageCount; page++) { var extractedPage = doc.extractPages(page, 1); extractedPage.save(`Output_${page + 1}.jpg`); }  const aw = require('@aspose/words'); var doc = new aw.Document("Input.html") doc.save("Output.jpg")  const aw = require('@aspose/words'); var doc = new aw.Document("Input.html") for (var page = 0; page < doc.pageCount; page++) { var extractedPage = doc.extractPages(page, 1); extractedPage.save(`Output_${page + 1}.jpg`); }  const aw = require('@aspose/words'); var doc = new aw.Document() var builder = new aw.DocumentBuilder(doc) builder.insertImage("Input.html") doc.save("Output.jpg")  const aw = require('@aspose/words'); var doc = new aw.Document() var builder = new aw.DocumentBuilder(doc) shape = builder.insertImage("Input.html") shape.getShapeRenderer().save("Output.jpg", new aw.Saving.ImageSaveOptions(aw.SaveFormat.jpg))  
 运行代码 

您可以自由复制此代码并将其用于任何适用目的

在社交媒体上分享代码：

如何在 JavaScript 中将 HTML 转换为图片

Aspose.Words for Node.js via .NET安装 Aspose.Words。
将库引用（导入库）添加到您的JavaScript项目。.
在JavaScript打开源HTML文件。.
调用save()方法，传递带有图片扩展名的输出文件名。.
HTML转换的结果图片。.

JavaScript库将HTML转换为图片

We host our Node.js via .Net packages in NPM repositories. Please follow the step-by-step instructions on how to install "Aspose.Words for Node.js via .NET" to your developer environment.