SVG - 动画x模式的位置

Question

我使用svg创建了一个“波浪”边缘，使用<pattern>标签水平重复。

http://fiddle.jshell.net/FEFLq/3/

我需要从左到右设置波形动画，我注意到更改元素上的x属性会这样做。但我无法使用jQuery选择它。

有什么想法吗？

n.b - 我打算对“波浪”svg图案进行颜色转换，因此使用svg而非背景图像。

Answer 1

我认为jQuery默认只激活CSS属性。 x上的pattern是一个属性，因此您必须为其提供自定义的setter函数。 jQuery在选择pattern元素时应该没有问题（只要svg在html文档中是内联的）。

或者，您可以考虑使用其他库，例如d3.js。