通过链接交互SVG /控件

Question

由于我只是进入SVG (以前从未使用过)，所以我很少有关于操作svg对象的问题。

http://pastebin.com/VTXLwJrq

这是一辆自行车的照片，没什么特别的。有些零件有自己的身份证(轮胎、车架、叉子等)。

我想实现什么？两个目标：+通过link () +操纵颜色(填充或笔画；项目依赖)，使svg的某些部分可选。

机制：+用户单击svg的特定部分，例如轮胎(选择要更改的项)，+然后单击一个超链接，该链接将改变其颜色，例如红色。

当我在每个svg (内部)之前添加一个链接时，它将无法工作，所以我假设我需要通过jquery来完成它。有任何文件可以解释这一点吗？或者更确切地说，我应该专注于某种JS库，比如Raphael或者其他？

谢谢!

Answer 1

好吧，你的幸运日，因为我现在不忙，所以我有时间给你硬编码。参见这里的工作演示

您肯定可以使用JQuery，甚至标准css来控制颜色。演示使用了JQuery和UI。我还留下了一个悬停样本纯css轮胎的核心圆。

#felgi:hover circle {
    stroke: green;
    fill: silver;
}