// 配置项 const setup = { useCORS: true, // 使用跨域 }; html2canvas(this.$refs.picture, setup).then((canvas) => { document.body.appendChild(canvas); // 自动在下方显示绘制的canvas图片 });

作者：前端学习笔记_zxh
链接：https://juejin.cn/post/7207342547361267771
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

// 生成图片 creatImg() { const setup = { useCORS: true, // 使用跨域 }; html2canvas(this.$refs.picture, setup).then((canvas) => { const link = canvas.toDataURL("image/jpg"); this.exportPicture(link, "文件名"); }); } // 导出图片 exportPicture(link, name = "未命名文件") { const file = document.createElement("a"); file.style.display = "none"; file.href = link; file.download = decodeURI(name); document.body.appendChild(file); file.click(); document.body.removeChild(file); }

作者：前端学习笔记_zxh
链接：https://juejin.cn/post/7207342547361267771
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。