停用单个SVG路径-HTML

我将使用此示例作为我下一个项目的指南：

创建者使用了SVG，将活动元素放置在PNG图像的上方。我想知道的是，我是否可以包含带有非活动元素或“路径”的SVG

我希望某些元素在“悬停”或“单击”时不执行任何操作。因此，它们将添加到整体画面中，但不会处于活动状态

---

任何帮助都将不胜感激。谢谢。

就我个人而言，我不会效仿这个例子。创造这个结果的人使用了一种相当复杂的方法。有更简单的方法

例如，这里有一个简化的SVG映射，带有一点CSS。只有类为“可悬停”的矩形才具有翻滚效果

显然，如果要处理单击，还必须向映射区域添加一个单击处理程序

。可悬停：悬停{
填充：蓝色；
}

当然，您可以添加svg对象，这些对象只是渲染的对象，不受交互的影响。您会通过检查颜色或特定路径id并发出if（）语句来实现吗？抱歉-非常新。没关系，我们以前都不知道：）我更愿意使用svg文件，因为它本身功能强大，所以动画、淡入淡出等不需要JavaScript。查看此网站了解svg的所有信息：