Координаты и размеры фигуры


#1

В процентах от какого числа задаются размеры и расстояния?

Допустим, в 3 задании указываем х = 25%, а по факту прямоугольник становится посередине блока.

скрин


#2

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)


#3

спасибо