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

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

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

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

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

Больше
1 нед. 6 дн. назад #162 от roman
Суть проблемы:
В Internet Explorer 9 отображается графика вне границы холста SVG.
В Chrome, Firefox и Opera данной проблемы не наблюдается.

Решение проблемы:
Для обрезки графики вне границ хоста SVG, необходимо к холсту добавить стиль CSS:
svg { overflow: hidden; }

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

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