canvas 保存图片兼容ie

最新推荐文章于 2022-01-04 22:29:56 发布

森丶米

最新推荐文章于 2022-01-04 22:29:56 发布

阅读量1.1k

点赞数

分类专栏： canvas 文章标签： canvas 图片下载

本文链接：https://blog.csdn.net/guosen8876/article/details/88734735

版权

canvas 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

ie使用：canvas.msToBlob();
谷歌使用：canvas.toDataURL();

        if (window.navigator.msSaveOrOpenBlob) {
            var imgData = this.canvas.msToBlob(); 
            var blobObj = new Blob([imgData]);
            window.navigator.msSaveOrOpenBlob(blobObj, this.title + ".png");
        } else {
            var imgData = this.canvas.toDataURL(); 
            imgData = imgData.replace("image/png", 'image/octet-stream');
            var a = document.createElement('a')
            var event = new MouseEvent('click')

            a.download = this.title+'.png';
            // 将生成的URL设置为a.href属性
            a.href = imgData;
            // 触发a的单击事件
            a.dispatchEvent(event)
        }