А что насчет кривых? Тут все не так просто.
Здесь нам придется изучить, наверное, самый главный и сложный svg-элемент — path. По существу, все основные примитивы являются частным случаем этого суперэлемента. Читать далее
Все достигнутое неплохо, но, строго говоря, обычно в 3D-сцене не место плоскому квадрату (пусть даже цветному и вращающемуся), поэтому на следующем этапе мы сделаем из него куб.
Просто повторять рисунок неинтересно. Давайте на его примере освоим технологию SVG-трансформации. Для того чтобы применять преобразования ко всему рисунку, с помощью тега <g> организуем группу:
Следующим этапом добавим нашей сцене движения — пусть квадрат вертится вокруг своей оси.