img

html5 - img标签的HTML crossorigin属性 - 脚本之家

我试图了解如何使用img标记的crossorigin属性.我找不到一个好的例子(我发现的关于CORS启用的图像用 JavaScript 代码解释,因此我看不到img标签的crossorigin属性. 我猜错了,如果我理解错了,请纠正我的错误. 首先,可以编写下面的代码片段来绘制图像到画布： function draw() { var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var img = new Image(); img.crossOrigin = "Anonymous"; img.src = document.getElementById("image").value; context.drawImage(img,40,40); } 下面的代码是否等同于上面的代码？它不包含"img.crossOrigin",但在img标记中具有crossorigin属性. function draw() { var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var img = new Image(); img.src = document.getElementById("image").value; context.drawImage(img,40); } 说实话,我无法进行实验,因为我不知道哪个站点允许将其图像用作CORS.

js 根据url 下载图片

downloadIamge(imgsrc, name) {//下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { let canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; let context = canvas.getContext("2d"); context.drawImage(image, 0, 0, image.width, image.height); let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据 let a = document.createElement("a"); // 生成一个a元素 let event