Javascript 如何翻译svg元素本身？

翻译svg元素时遇到问题

这是我的一个样本

<svg transform="translate(500,150)">
   <g>
   </g>
</svg>

当我应用这个翻译时，似乎只有

被翻译。我必须将svg的宽度扩展到足够大，以便

仍在svg中

---

有没有翻译svg本身的方法？

如果要在HTML页面中移动顶级svg，需要使用，包括供应商前缀和长度单位，而不是svg转换属性

<svg style="-webkit-transform:translate(500px,150px);transform:translate(500px,150px)">
   <g>
   </g>
</svg>

（或者使用样式表而不是内联CSS）

如果您的SVG是嵌套元素（即，在较大的SVG中），则transform属性应该可以工作

如果这还不能回答你的问题，那么创建一个关于正在发生的事情的描述，并尝试更清楚地解释你想要发生的事情