Javascript 不使用XHR从HTML标记获取图像的数据URI

我在StackOverflow上看到过很多关于如何从图像标签获取数据URI的问题（如Chrome上下文面板中的“将图像复制为数据URI”），但每个答案都包含XHR或使用画布（假设您从一开始就控制了图像）

我希望在不重新加载URL的情况下从图像中获取数据URI（以避免CORS错误）

最终，我的目标是将图像格式化为RGB像素阵列，这样我就可以像那样使用它。然后，我可以通过使用“自制”浏览器扩展应用一些转换或过程，如“如果图像超过90%为红色，请不要显示”

---

如果您对我如何获得此信息有任何想法，我将非常感激。

无法做到这一点，原因正是使用画布需要CORS。是的，我知道，这就是为什么我问是否有一种方法可以在开始时“拦截”图像标签的加载，甚至在浏览器上显示的图像更具体一点之前，出于完全相同的安全原因，使用画布需要CORS，您不能这样做。如果有办法绕过它，就不会有太多安全感。那么，不。呃，等等，这是一个浏览器扩展？你不必担心CORS，那么…（但是拦截请求会更有效，所以看看WebRequestAPI–请求类型将指示它是否用于图像）。哦，好的，谢谢你的澄清，虽然我真的不知道如何防止用户转换已经加载并显示在用户屏幕上的图像的安全性，但你可以对文本进行转换，我看不出有什么区别