移动HTML5 SVG路径

Question

我有一个SVG路径元素在我的应用程序，如：

<path d="M100,100 Q200,400,300,100"/> 

在点击一个按钮我有这个路径向左移动，例如，从100到200我做它与变换：

$('.path').each(function() { 
    $(this).attr('transform', 'translate(100, 0)'); 
}); 

但是，在下一次点击它不会移动。我怎样才能获得路径元素移动每次点击？

Answer 1

翻译将尝试再次做同样的事情。你需要的值存储在一个变量和使用：

var x=0; 
$('.path').each(function() { 
    x += 100; 
    $(this).attr('transform', 'translate('+x+', 0)'); 
}); 

这个例子说明，您可以移动100向右每一次点击，所以锻炼你想要的东西应用到X，你应该笑。