У меня есть svg <rect>
, который находится в <g>
(group), и я хотел бы масштабировать его, а затем переводить его на процент от области просмотра. Большинство всего в svg позволяет специфицировать единицы через смехотворное количество вариантов; например px, em,%, ex, pt, pc,... Однако кажется, что число, указанное в переводе, - это только пиксели.
Дело в том, что если мне нужно вернуться назад и пересчитать значения пикселей для перевода, тогда мой svg станет зависимым от разрешения. Тогда меня, вы и все втянете в парадокс. Вы можете понять, почему я немного обеспокоен.
<svg>
<g transform="scale(1, 1) translate(0, 0)">
<rect x="45%" y="25%" height="50%" width="10%"/>
</g>
</svg>