如何让SVG(+ XML)图像与其所在的页面进行交互

时间:2014-12-19 18:49:20

标签: javascript asp.net svg adobe-illustrator

在我的aspx页面中,我有一个不同国家/地区的地图作为SVG对象,以及每个国家/地区的复选框:

<object id="map" data="_images/map.svg" type="image/svg+xml"></object>
<asp:CheckBox ID="chkScotland" runat="server" />
<asp:Checkbox ID="chkEngland" runat="server"/>

SVG是在Adobe Illustrator中创建的。每个国家/地区的折线分组(每个国家/地区的形状在Illustrator中的该国家/地区的图层中收集),并且这些组的国家/地区名称为其ID。每个小组都有一个onclick事件。

<g id="Scotland" onclick="areaClick(evt)" >
   <polyline ...></g>

现在,当用户点击地图上的形状时,我需要切换苏格兰的复选框。一些谷歌搜索表明 SVG文件中的脚本应该这样做。

我的Javascript糟透了。我可以触发onclick事件,但我不能(1)获取被点击的区域的id(varCountry = document.activeElement给出null)或(2)用它来切换该国家/地区的复选框在页面上(window.parent.document.chkScotland没有找到复选框控件)

谢谢,圣诞节欢呼,并感谢任何帮助!

0 个答案:

没有答案