我正在使用 SVG,但在定位方面遇到了一些问题。我有一系列包含在 g
组标记中的形状。我希望像容器一样使用它,这样我就可以设置它的 x 位置,然后该组中的所有元素也会移动。但这似乎不可能。
- 大多数人如何定位您希望串联移动的一组元素?
- 有相对定位的概念吗?例如相对于其父级
最佳答案
g 元素中的所有内容都相对于当前变换矩阵定位。
要移动内容,只需将转换放入 g 元素即可:
<g transform="translate(20,2.5) rotate(10)">
<rect x="0" y="0" width="60" height="10"/>
</g>
关于SVG定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/479591/