javascript - SVG - パターンの x 位置をアニメートする

Question

<pattern>タグを使用して水平方向に繰り返し、svg を使用して「波状」のエッジを作成しました。

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

波を左から右にアニメーション化する必要があります。要素の x 属性を変更するとこれが行われることに気付きました。しかし、jQueryを使用して選択することはできません。

何か案は？

nb - 「波状」の svg パターンを色変換するつもりなので、背景画像ではなく svg を使用します。