繁体 English 中英

图像可点击多区域方法

[英]Image clickable multiple areas approach

原文 2019-02-01 07:58:24 8 1 javascript/ html

我刚刚开始学习 Web 开发，我有一个想法可以执行以下操作：获取简单图像 (jpeg/png) 并使该图像的某些区域可点击（或这些区域上的其他事件）。 例如，当我单击图像上的特定区域时，该区域会高亮显示，而图像的其他部分会变暗。 首先我用谷歌搜索的是 HTML 地图/区域标签。 但我想知道我可以用来做到这一点的其他方法。 给我一些关键字，仅此而已。

提前致谢

1 个解决方案

前段时间我偶然发现了同样的问题：

HTML 地图标签是最快的方式，但从长远来看，由于缺乏支持，经常会出现问题。
寻找所有浏览器都广泛支持的 SVG 图像是一个很好的解决方案。 网络上有许多 JPEG/PNG 到 SVG 转换器（即使质量不一样）
另一种粗暴的方法是在图像上创建一些可点击的覆盖 div，如果要点击的区域是矩形的，这是一个很好的方法。

希望你找到一个好的解决方案:)

在 static 图像组件上制作多个可点击区域的有效方法（在 React 中）

[英]Efficient way to make multiple clickable areas on a static image component (in React)

背景图像区域可点击和响应

[英]Background Image areas clickable and responsive

在具有不规则形状的图像上制作可点击区域

[英]Making Clickable areas on a image with irregular shapes

对图像多个区域的翻转效果

[英]Rollover Effect on Multiple Areas of an Image

如何创建图像映射（使用图像上的可点击区域<map> ) 使用 React 和 JSX？</map>

[英]How do I create image maps (clickable areas on an image using <map >) with React and JSX?

如何在sap.m.Image元素上创建可点击区域？

[英]How do I create clickable areas on an sap.m.Image element?

单个页面应用程序中的多个区域/部分。杜兰达和淘汰赛方法

[英]Multiple areas/sections within a single page app. Durandal and knockout approach

使用onClick（）无法将鼠标悬停在多个图像滑块上

[英]Multiple image slider on hover not clickable using onClick()

当可以单击多个区域时如何更改一张图像

[英]How to change one image when multiple areas can be clicked

谷歌可以点击var城市地图区域

[英]Google maps var city map areas clickable

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在 static 图像组件上制作多个可点击区域的有效方法（在 React 中）背景图像区域可点击和响应在具有不规则形状的图像上制作可点击区域对图像多个区域的翻转效果如何创建图像映射（使用图像上的可点击区域<map> ) 使用 React 和 JSX？</map> 如何在sap.m.Image元素上创建可点击区域？单个页面应用程序中的多个区域/部分。杜兰达和淘汰赛方法使用onClick（）无法将鼠标悬停在多个图像滑块上当可以单击多个区域时如何更改一张图像谷歌可以点击var城市地图区域

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM