Система координат в svg (Scalable Vector Graphic)

Больше
7 мес. 5 дн. назад #112 от roman
SVG (Scalable Vector Graphic) - язык разметки масштабируемой векторной графики.
SVG может быть встроено непосредственно в документ HTML с помощью тега svg.
Участок документа, который будет использоваться для отображения SVG-документа, называется областью просмотра. Его размер можно задать с помощью атрибутов width и height элемента <svg>.
Объекты SVG можно анимировать с помощью CSS или JavaScript.
SVG для всех элементов использует сеточную систему координат. Здесь верхний левый угол документа принимается за точку (0,0). Затем позиции измеряются в пикселях от верхнего левого угла с положительным направлением x, уходящим вправо, и положительным направлением y, уходящим вниз.
Вложения:

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 мес. 5 дн. назад - 7 мес. 5 дн. назад #113 от roman
На холсте SVG можно нарисовать линию с помощью тега line, который требует задания двух параметров, — точками начала (x1 и y1) и конца (x2 и y2) линии.
Данный элемент векторной графики мной использовался в качестве скелета для построения вектора.
При этом длина вектора и абсолютный угол вектора определялся по следующим соотношениям:
Вложения:
Последнее редактирование: 7 мес. 5 дн. назад пользователем roman.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Время создания страницы: 0.086 секунд