要实现不改变位置的情况下缩放SVG组,可以使用CSS的transform
属性来实现。以下是一个示例代码:
在上面的示例代码中,.container
类设置了一个固定的宽度和高度,用于容纳SVG图形。.svg-group
类设置了transform-origin
属性为中心点,并使用transform: scale(0.5)
将SVG组缩放到原来的一半大小。
通过修改.svg-group
类中的transform
属性的值,可以实现不同的缩放比例。请注意,transform
属性的值可以是一个函数,可以通过添加多个函数来组合不同的变换效果,例如旋转、移动等。
在这个示例中,SVG组的位置保持不变,只是大小发生了变化。