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

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

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

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

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

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