由于我刚刚进入SVG(之前从未使用过),我对操纵svg对象的问题很少。
这是一辆自行车的形象,没什么特别的。有些部件有自己的ID(轮胎,车架,前叉等)。
我想要实现什么?两个目标: +通过链接()操纵颜色(填充或描边;项目依赖) +使svg的某些部分可选择。
机制: +用户点击svg的特定部分,例如在轮胎上(选择要更改的项目), +然后他点击一个超链接,它会改变它的颜色,例如红色
当我在每个svg elemnt(内部)之前添加链接时它不会工作所以我假设我需要通过jquery来完成它。有没有任何文件可以解释这个?或者更确切地说,我应该专注于像Raphael或其他类似的JS库?
谢谢!
答案 0 :(得分:1)
好的,你幸运的一天,因为我现在不忙,所以我有时间为你硬编码。 SEE WORKING DEMO HERE
您可以使用JQuery甚至标准css来控制颜色。该演示使用了JQuery和UI。我还在纯粹的css中留下了一个悬浮样本用于轮胎的内圈。
#felgi:hover circle {
stroke: green;
fill: silver;
}