浏览器中的SVG DOM与CSS

浏览器中的SVG DOM与CSS,dom,browser,svg,Dom,Browser,Svg,我计划了一张简化的地图,没有来自现实的来源,只是一张幻想的图像,其中有一些点用户可以点击并在其中执行操作 我的第一个想法是在SVG编辑器中绘制它,向点添加类和数据id,并向点附加DOM事件。但我担心浏览器的兼容性 第二个想法是在CSS中逐点定义它,对形状进行建模等等。听起来需要做很多工作 那么,实现这一点的首选方法是什么呢?绘制一张小地图并上传到 如果您转到它生成的JavaScript,您将看到mouseover click和mouseout事件已经编码 转换完成后,JavaScript将沿着红

我计划了一张简化的地图,没有来自现实的来源,只是一张幻想的图像,其中有一些点用户可以点击并在其中执行操作

我的第一个想法是在SVG编辑器中绘制它,向点添加类和数据id,并向点附加DOM事件。但我担心浏览器的兼容性

第二个想法是在CSS中逐点定义它,对形状进行建模等等。听起来需要做很多工作


那么,实现这一点的首选方法是什么呢?

绘制一张小地图并上传到 如果您转到它生成的JavaScript,您将看到mouseover click和mouseout事件已经编码

转换完成后,JavaScript将沿着红线定位

然后,您可以在Inkscape中度过一整天,并使用转换器进行迭代


请原谅拼写错误iPod有时更喜欢拼写错误…

您更喜欢做大量工作还是浏览器兼容性较差?