javascript - 如何为 HTML 5 map 绘制坐标

标签 javascript jquery html svg html5-canvas

我有一个亚洲的轮廓如下图所示:

http://grab.by/m0Cq

我希望当悬停在上面时,国家/地区会填充红色,例如:

http://grab.by/m0CI

切口与 map 完全吻合。到目前为止,我对在互联网上找到的有关如何执行此操作的信息感到很困惑。有人说 HTML 5 map ,有人说 jQuery,有人说 SVG...我只是想要一个明确的方法来完成这个,所以我至少可以尝试这个项目。另外,我发现在网上很难找到好的教程,所以如果能告诉一个循序渐进的方法,那就太好了(我可以找到每个步骤的教程,只需要知道我应该做什么) .

提前致谢。

最佳答案

SVG 允许您将 CSS 样式类分配给各个形状。一种可能的 CSS 类是 :hover 伪类。这允许您在用户将鼠标移动到形状上时更改样式。

可以在此处找到如何执行此操作的示例: http://css-tricks.com/using-svg/

关于javascript - 如何为 HTML 5 map 绘制坐标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16240257/

相关文章:

html - 具有两个跨度的列表项左右对齐

php - 我怎么知道一个 php 文件是否只从客户端的 js 调用?

javascript - 为什么浏览器不在通过 fetch API 检索的 HTML 片段中运行 <script>?

javascript - 如何在表中激活 Bootstrap 日期选择器?

javascript - 在动态加载按钮的 onclick Action 之前执行 Action

html - 居中导航栏 - 垂直

javascript - 使用 Javascript 且不使用 HTML 5 将消息从页面传递到父框架

jquery - jquery选择器的奇怪行为

javascript - 我们可以获得 jQuery Chosen 插件的最后一个未选择的值吗?

javascript - AmCharts dataLoader 不加载数据,但将数据粘贴到并使用 dataProvider 工作正常