PHP前端开发

如何使用HTML5画布将DIV保存为带有扩展名的图像?

百变鹏仔 4周前 (09-22) #HTML
文章标签 画布

DIV 内容可以借助 JavaScript 中的 html2canvas() 函数保存为图像。 DIV 标签定义 HTML 文档中的一个部分。

示例

<div id = &rdquo;cpimg&rdquo;   style = &rdquo;padding:  25px ; &rdquo; >     <h4>Welcome</h4></div>

这显示了名为 cpimg的划分区域。

html2canvas() 函数使用以下代码将 div 保存为图像 -

html2canvas(document.querySelector(&ldquo;#cpimg&rdquo;)).then(canvas {        document.body.appendChild(canvas) });

它将引用的 div 部分“cpimg”保存到图像中。

立即学习“前端免费学习笔记(深入)”;