需求:将echars的图片添加到保存至本地操作
echars本质是canvas
实现:
依赖:
// 保存功能
copyPicture() {
this.$nextTick(() => {
html2canvas(this.dom, {}).then((canvas) => {
let img = document.createElement("a");
img.href = canvas.toDataURL("image/jpg");
img.download = `${this.toolParam.categoryTitle.jpg}`;
img.click();
});
});注意:canvas.toDataURl()该方法是将canvas转成图片,如果html中有跨域请求的图片资源,那么canvas就会报错不支持跨域。
版权声明:本文为i_am_father_for_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。