我试图将我网站上的图像更改img为svg,更改img标签embed和object标签.但是,实现onclick之前包含在img标签中的功能是最困难的.
我发现onclick放在object或embed标签内没有任何影响.
所以,我div专门为svg 做了一个,放在onclick这个div标签里.但是,除非访问者点击图像的边缘/填充,否则无效.
我已经阅读了有关覆盖a的内容div,但我正试图避免使用absolute定位或指定position.
有没有其他方法可以将onclick应用于svg?
有谁遇到过这个问题?欢迎提出问题和建议.
我从维基百科获得了这个SVG图像,并使用以下代码将其嵌入到网站中:
<embed src="circle1.svg" type="image/svg+xml"/>
Run Code Online (Sandbox Code Playgroud)
如果运行此命令,则可以检查元素并查看源代码.图像中的所有国家/地区都是独立元素.如果我点击某个国家/地区,我想提醒该国家/地区的ID,因为每个国家/地区在SVG中都有两个字母的ID.有谁知道这样做的方法?如果我将它放入元素中会更容易吗?