/**
* url:传入的网络地址图片
*/
const getImage=(url)=>{
var canvas = document.createElement('canvas')
var ctx = canvas.getContext('2d')
var image = new Image()
image.setAttribute("crossOrigin",'Anonymous')
alert('开始图片处理');
image.onerror=()=>{
alert('进入onerror方法!');
alert(image.width);
}
image.src = url+'?x=1';
image.onload =()=> {
console.log('进入onload方法!');
canvas.width = image.width;
canvas.height = image.height;
ctx.drawImage(image, 0, 0);
state.avatar = canvas.toDataURL("image/png");
};
console.log(image.src);
}
在开发者工具中调试正常,真机中进入onerror方法;请问一下大家有什么解决方法吗?
你居然能new Image()? 你是大神啊
image.onload = () => {
}
image.src = 'xxxxxxxx'