В процентах от какого числа задаются размеры и расстояния?
Допустим, в 3 задании указываем х = 25%, а по факту прямоугольник становится посередине блока.
25% от родительского блока svg.
сам svg - это контейнер, а в нем есть элемент rect. для верхней левой точки мы указываем координаты - x = 25% ширины родительского блока, y = 25 (пикселей)
когда у родительского контейнера не прописаны ширина и высота, это не очень очевидно просто.
побалуйтесь с этим кодом где-нибудь в редакторе
<svg style="width: 400px; height: 400px; outline: 1px dotted red;">
<rect width="50%" height="100" fill="orange" x="25%" y="25" />
</svg>
если вы не указываете размеры svg, то дефолтно размер вьюпорта будет 300х150, об этом написано тут
соответственно и относительные размеры будут расчитываться от этих параметров родительского контейнера (svg) для его элементов (rect)
спасибо