如何通过 DOM 的 img 标签获取 base64 代码?

Question

>我有一个图像链接(./kcaptcha/(，它给了我随机图像，每个查询都有数字。所以，我想从 DOM 获取 base64 代码，而不是从图像 src/url 获取。有什么选择可以实现它吗？图片在这里

Answer 1

假设您使用如下所示的标签：

const myBtn = document.getElementById("myBtn");
myBtn.addEventListener('click', () => {
const c = document.createElement('canvas');
const ctx = c.getContext("2d");
const img = document.getElementById("myImg");
ctx.drawImage(img, 0, 0);
alert(c.toDataURL("image/png"));
})

<img id="myImg" src="https://picsum.photos/200" crossorigin="Anonymous"/>
<br>
<button id="myBtn">Get B64</button>

crossorigin="Anonymous"是强制性

的