首页 > 其他 > 详细

图片canvas跨域问题解决方案之一

时间:2019-11-09 14:41:25      阅读:153      评论:0      收藏:0      [点我收藏+]
let image = new Image();
image.src = src + ‘?v=‘ + Math.random();
image.crossOrigin = ‘Anonymous‘; // 支持跨域图片

image.onload = function() {
    let canvas = document.createElement(‘canvas‘);
    canvas.width = image.width;
    canvas.height = image.height;
    let ctx = canvas.getContext(‘2d‘);
    ctx.drawImage(image, 0, 0, image.width, image.height);
    canvas.toDataURL(‘image/png‘); // 可选其他值 image/jpeg
};

图片使用代码中方式插入

图片canvas跨域问题解决方案之一

原文:https://www.cnblogs.com/yifamily/p/11825573.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!