根据背景图像颜色更改光标



我使用的是Vue 2,在html上我有一个白色背景的图像,中间有一个彩色对象。是否可以根据鼠标光标所在的背景颜色检测和更改鼠标光标?比如,当在白色部分时,对照实际对象图像(任何非白色的东西(。

假设它是这样一个图像。我希望光标在图像上背景不是白色的任何地方都变为指针。

https://www.vecteezy.com/vector-art/2751371-apple-with-a-white-background

注意:JQuery不是这个项目的选项

谢谢。

您不能检查鼠标触摸的颜色,但您可以使用css规则为特定元素设置光标,就像您链接的示例一样。

img {
cursor: zoom-in;
}

查看有关mdn 的更多信息