移动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的内容并且您应该笑。