Как масштабировать SVG с некоторыми сложными определениями пути?

У меня есть 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 создают изображение размером 300 на 310 пикселей. Я хочу масштабировать изображение в целом, скажем, на 50%. Я пробовал различные способы масштабирования изображения, но лучшее, что мне удалось сделать, это просто обрезать или «обрезать» исходное изображение до области, которая составляет 50% от исходных размеров.

Использование saveAspectRatio, настройка окна просмотра, попытка использовать transform="scale (0.5" )и т. д. не сработали. Все, что я хочу сделать, это масштабировать исходные размеры на 50%.

17
задан Phrogz 30 April 2012 в 20:49
поделиться