Question

是否可以使用jQuery获取网页图像中像素的十六进制代码，而不使用canvas元素？请注意，我不想要包含它的div的背景颜色或颜色，我想要图像的实际颜色代码。

例如：

假设您在div中包含了一个图像。

<div class="wrapper" style="background-color: red">
<img src="random/Image.png"/>
</div>

假设这个随机图像有一个透明的背景，其内容是蓝色，紫色和黄色，当我将鼠标悬停在蓝色上时，我希望将蓝色贴回来，如果我将鼠标悬停在黄色上，则与黄色相同紫色。

如果可行的话，那确实会有所帮助。

Answer 1

您需要使用canvas来执行此操作，并且必须是不违反同源政策的图片网址。

使用鼠标坐标getImageData()获取每个像素的红色，绿色，蓝色和Alpha值。然后，您可以将其转换为十六进制字符串。