如何扩展具有一些复杂路径定义的SVG？

Question

我有一个SVG,其代码如下:

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="150px" height="150px" preserveAspectRatio="xMinYMin meet" viewBox="0 0 150 155" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g id="g11" transform="matrix(1.25,0,0,-1.25,-100.0791,954.14501)">
        <g id="g3186" transform="translate(6.3490095,-13.703287)">
            <path d="..."></path>
            <path d="..."></path>
            <path d="..."></path>
            <path d="..."></path>
        </g>
    </g>
</svg>

SVG的"原始"尺寸生成的图像是300px×310px.我想整体缩放图像,比方说50%.我已经尝试了多种方法来缩放图像,但我所做的最好的就是将原始图像剪辑或"裁剪"到原始尺寸的50%的区域.

使用preserveAspectRatio,设置视图框,尝试使用transform ="scale(0.5")等等都没有用.我想做的就是将原始尺寸缩放50%.

Answer 1

transform="scale(0.5)"应该肯定的.你可能做错了什么.

尝试包裹g11在另一个g与transform="scale(0.5)"和删除preserveAspectRatio并viewBox