使用Javascript和CSS移动SVG对象

时间:2016-01-22 10:20:47

标签: javascript html css svg

我目前正在制作一个动画SVG,其中包括旋转,移动等元素。 我面临的问题是我无法移动使用路径获取其位置的某些元素。

我现有的Javascript代码使用x属性移动一些元素,这是有效的,但仍然保留了与路径一起使用的元素。

示例SVG对象:

<path id="XMLID_1418_" d="m1247.8 933c0 17.3-14 31.4-31.4 31.4-17.3 0-31.4-14-31.4-31.4h62.8z" class="st103"></path>

边距,位置或添加x属性不会移动它,我该怎么做?

1 个答案:

答案 0 :(得分:0)

您可以将元素包装在'g'元素中并翻译该对象以移动整个路径。

<g transform="translate(x,y)"></g>