javascript - 单击图像区域可更改该区域的颜色

标签 javascript html css

如何在网站中实现类似于此 gif 中所示的功能?

changing colour of part of image

具体来说,用户单击图像的(非矩形)区域的部分,然后该区域会改变颜色。

很久很久以前,当互联网还很年轻时,有一种叫做图像 map 的东西。这仍然是首选方法吗?我听说过 svg,它提供这种类型的功能吗? Canvas 怎么样?

最佳答案

我不知道图像映射可以让它们成为这种形状的命中区域。 但我建议对这些类型的应用程序使用 Canvas 。

关于javascript - 单击图像区域可更改该区域的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48681686/

相关文章:

javascript - 如何在 Jest 中的异步函数中抛出错误

javascript - 捕获从 setInterval 内部抛出的异常

javascript - 访问nodejs中各个级别的嵌套JSON对象

javascript - 将输入 Action 添加到动画搜索表单

javascript - 如何将 JavaScript 变量值保存在文本文件中?

javascript - 垂直滚动菜单 CSS 无法折叠

html - IE 中的 CSS 绝对位置和相对位置错误

javascript - 在父级的特定位置查找和元素的最快方法

css - 使用 webkit-column-count 不显示两列

css - Bootstrap 图像显示不同的宽高比?