canvas 渲染网页中可显示的图片跨域

1、如下代码

 let img = new Image();
            img.setAttribute("crossOrigin",'anonymous');
            img.src = url+ `?timestamp= ${+new Date()}`;  //谷歌浏览器下可能会用缓存,避免用缓存增加时间戳防止提示跨域
            img.onload = function(){
                let canvas = document.createElement('canvas');
                canvas.width = img.width;
                canvas.height = img.height;
                let ctx = canvas.getContext('2d');
                ctx.drawImage(img,0,0,canvas.width,canvas.height)
                let base = canvas.toDataURL('image/jpeg',0.95)
                resolve(base)
            }
            img.onerror=function(){
                message.warning('转换图片失败,用火狐浏览器')
                resolve()
            }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容