首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在SVG中嵌入javascript和CSS

在SVG中嵌入javascript和CSS
EN

Stack Overflow用户
提问于 2010-08-25 03:30:47
回答 1查看 569关注 0票数 1

我有一张美国地图:

http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svg

我正在尝试将这段代码嵌入其中:

http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/

如您所见,它有CSS和javascript。

然而,我在尝试将css和javascript放在正确的区域时遇到了很大的困难。有人能帮帮我吗?

我是通过svg这样做的:

当鼠标悬停在屏幕上时,它什么也不做

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-08-25 04:01:28

备注:观众:我知道这与问题并不完全匹配:这是我试图帮助海报提供更广泛的问题视图。

鉴于我对您的其他问题的概述,我将间接回答您的问题。

我的假设是:如果将鼠标悬停在地图的某个特定区域上,您希望显示一个文本框。在你发布的原始页面上

因此,您需要研究以下内容:关于图像映射的http://www.w3schools.com/js/js_image_maps.asp。然后,您可以将与鼠标移动经过的区域相关联的漂亮的框/文本视觉效果放在图像上。

这比您正在尝试的直接svg方法更受支持,而后者不受很好的支持。

要获取图像,您可以在该页面上右键单击它,然后在浏览器中“将图片另存为”。

注意:在该页面的底部有一张400px的地图,单击右侧的“编辑”链接将显示该地图分辨率的图像地图,如果您希望使用不同的大小(不是400px),这可能是一个很好的起点。因此,如果您将图像地图缩放到页面上的另一个分辨率,则需要修改该图像地图上的数字。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3560295

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档