echars图片保存图片到本地操作

需求:将echars的图片添加到保存至本地操作 

echars本质是canvas

实现: 

依赖:

html2canvas - Screenshots with JavaScript

        // 保存功能
        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版权协议,转载请附上原文出处链接和本声明。