Как работает система координат в CSS для создания сложных форм?

Система координат в CSS для создания сложных форм работает следующим образом: webformyself.com github.com

1. Элементу задаются размеры. webformyself.com Высота и ширина элемента используются для установления системы координат. webformyself.com Если размеры явно не указаны, свойства форм работать не будут. github.com
2. Создаётся референсный блок. www.internet-technologies.ru Это виртуальный прямоугольник вокруг фигуры, который формирует систему координат для её отрисовки. www.internet-technologies.ru За начало координат принимается верхний левый угол этого прямоугольника, при этом ось X направлена вниз, а Y — вправо. www.internet-technologies.ru
3. Каждая фигура определяется как набор точек, расположенных с использованием пары координат. webformyself.com Изменение координат точки напрямую повлияет на созданную фигуру. webformyself.com

Координаты для фигур могут быть заданы в любых единицах, допустимых в CSS: px, em, % и так далее. www.internet-technologies.ru