在javascript中加载外部图片

在javascript中加载外部图片,javascript,html,canvas,Javascript,Html,Canvas,在html中,这是有效的: 有一个CORS安全策略,根据该策略,“受污染”像素(来自不同来源)不能自由处理。这是为了保护用户免受窃听用户像素数据的攻击 您必须在启动浏览器时绕过此安全边界 以下是有关的更多信息。您可以通过使用Javascript创建图像来完成类似操作: const canvas=document.getElementById('canvas'); const ctx=canvas.getContext('2d'); var img=新图像(); img.src=”https:

在html中,这是有效的:


有一个CORS安全策略,根据该策略,“受污染”像素(来自不同来源)不能自由处理。这是为了保护用户免受窃听用户像素数据的攻击

您必须在启动浏览器时绕过此安全边界


以下是有关的更多信息。

您可以通过使用Javascript创建图像来完成类似操作:

const canvas=document.getElementById('canvas');
const ctx=canvas.getContext('2d');
var img=新图像();
img.src=”https://drive.google.com/uc?export=view&id=1oDTwDBuAM-IIuJi3iDE5BJlEDHolD68w”;
img.onload=函数(){
ctx.drawImage(img,0,0240297);
};

尝试提供一个替代工作代码,并对破坏代码的行为进行模糊描述。这将有助于我猜测
attr
和画布之间的关系是什么?顺便说一句,图像加载成功