如何将HTML转换为HTML5画布并下载为PNG文件

How to convert HTML to HTML5 canvas and download it as PNG file

本文关键字：下载 文件 PNG HTML5 HTML 转换      更新时间：2023-09-26

每当我在输入框中键入内容时，它都会反映并可以拖放该文本。现在是HTML格式。

我必须将HTML内容转换为图像文件并下载它

这是

<a href="http://codepen.io/vengreat/pen/pgROpr">CodePen</a>

请检查一下。

您可以创建一个按钮来创建"然后生成"图像的图像，并使用以下代码使用HTML5 Canvas将文本捕获为图像。

function Capture() { 
        html2canvas(document.body, {
        onrendered: function(canvas) {
        document.body.appendChild(canvas);
      },
       width: 500,
       height: 500
    });
};

由于无法直接从HTML调用SaveAs，因此可以右键单击并单击Save As按钮下载图像。

附言：别忘了在你的网页中添加html2canvas参考。

正在使用CodePen。

希望这能有所帮助。：）

相关文章：