У меня есть 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 генерировать изображение является то, что 300px на 310px. Я хочу масштабировать изображение в целом, скажем, на 50%. Я пробовал различные способы масштабирования изображения, но лучшее, что я сделал, - просто кликнуть или «обрезать» исходное изображение в область, которая составляет 50% от исходных размеров.
Использование preserveAspectRatio, установка окна просмотра, попытка использования transform = "scale (0.5") и т. Д. Не сработала. Все, что я хочу сделать, это масштабировать исходные размеры на 50%.
Но проблема со шкалой вниз CSS превращается в том, что объект все еще имеет свой первоначальный размер (несмотря на меньший размер), поэтому макет выглядит не очень хорошо ... по крайней мере, это мой опыт работы с ним. – Deigote