使用Javascript和CSS移动SVG对象

使用Javascript和CSS移动SVG对象,javascript,html,css,svg,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> 边距、位置

我目前正在制作一个动画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属性都不会移动它,我如何才能做到这一点?

您可以将元素包装在“g”元素中,并转换该对象以移动整个路径



我现在就去试试,我会告诉你它是否有效。不需要包装它,你可以直接对路径应用变换。谢谢你,Evers,它有效。我已经尝试过使用CSS,显然必须使用属性。:)Robert,感谢您提供更多信息,但路径位于包含更多元素的组中。路径元素没有x属性,请对路径应用变换。