Javascript 将div另存为vuejs中的图像文件

我想使用VueJS将div元素保存为图像文件。我试着用画布。如何将div元素转换并保存为图像文件？

您可以使用：

JS:

html2canvas（document.querySelector（#capture”）。然后（canvas=>{
document.body.appendChild（画布）
});

HTML:

你好，世界！

html2canvas.min.js

需要在您的网站中：

脚本使用的所有图像都需要位于同一来源下，以便能够在没有代理协助的情况下读取它们。类似地，如果页面上有其他画布元素，这些元素已被跨源内容污染，它们将变脏，不再被html2canvas读取
来源：

---

vue.js有一个包装器，可以更轻松地在vue中使用html2canvas：

---

您是否尝试使用Canvas2Image.saveAsPNG（canvas）将图像保存为png？我们鼓励您链接到外部资源，但请在链接周围添加上下文，以便您的其他用户了解它是什么以及为什么存在。始终引用重要链接中最相关的部分，以防无法访问目标站点或永久脱机。