先把图片加载出来然后用canvas绘制 这样就能实现渲染网络图片了
<canvas id="id"/>
let image = new Image();
//解决跨域问题
image.setAttribute("crossOrigin", "anonymous");//这一行必须要
image.src = url;//放上图片链接
image.onload = () => {
var canvas = document.querySelector("#id");
var context = canvas.getContext("2d");
canvas.width = image.width;
canvas.height = image.height;
context.drawImage(image, 0, 0, image.width, image.height);
};