- Сообщений: 123
JavaScript (принятое сокращение "JS") — это объектно-ориентированный язык программирования для HTML документа, который позволяет обеспечить динамическую интерактивность на веб-страницах.
Система координат в svg (Scalable Vector Graphic)
- roman
-
Автор темы
- Не в сети
- Модератор
-
Less
Больше
8 мес. 4 нед. назад #54
от roman
roman создал тему: Система координат в svg (Scalable Vector Graphic)
SVG (Scalable Vector Graphic) - язык разметки масштабируемой векторной графики.
SVG может быть встроено непосредственно в документ HTML с помощью тега svg.
Участок документа, который будет использоваться для отображения SVG-документа, называется областью просмотра. Его размер можно задать с помощью атрибутов width и height элемента <svg>.
Объекты SVG можно анимировать с помощью CSS или JavaScript.
SVG для всех элементов использует сеточную систему координат. Здесь верхний левый угол документа принимается за точку (0,0). Затем позиции измеряются в пикселях от верхнего левого угла с положительным направлением x, уходящим вправо, и положительным направлением y, уходящим вниз.
SVG может быть встроено непосредственно в документ HTML с помощью тега svg.
Участок документа, который будет использоваться для отображения SVG-документа, называется областью просмотра. Его размер можно задать с помощью атрибутов width и height элемента <svg>.
Объекты SVG можно анимировать с помощью CSS или JavaScript.
SVG для всех элементов использует сеточную систему координат. Здесь верхний левый угол документа принимается за точку (0,0). Затем позиции измеряются в пикселях от верхнего левого угла с положительным направлением x, уходящим вправо, и положительным направлением y, уходящим вниз.
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- roman
-
Автор темы
- Не в сети
- Модератор
-
Less
Больше
- Сообщений: 123
8 мес. 4 нед. назад #55
от roman
roman ответил в теме Система координат в svg (Scalable Vector Graphic)
На холсте SVG можно нарисовать линию с помощью тега line, который требует задания двух параметров, — точками начала (x1 и y1) и конца (x2 и y2) линии.
Данный элемент векторной графики мной использовался в качестве скелета для построения вектора.
При этом длина вектора и абсолютный угол вектора определялся по следующим соотношениям:
Данный элемент векторной графики мной использовался в качестве скелета для построения вектора.
При этом длина вектора и абсолютный угол вектора определялся по следующим соотношениям:
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
- roman
-
Автор темы
- Не в сети
- Модератор
-
Less
Больше
- Сообщений: 123
8 мес. 4 нед. назад #56
от roman
roman ответил в теме Система координат в svg (Scalable Vector Graphic)
Суть проблемы:
В Internet Explorer 9 отображается графика вне границы холста SVG.
В Chrome, Firefox и Opera данной проблемы не наблюдается.
Решение проблемы:
Для обрезки графики вне границ хоста SVG, необходимо к холсту добавить стиль CSS:
В Internet Explorer 9 отображается графика вне границы холста SVG.
В Chrome, Firefox и Opera данной проблемы не наблюдается.
Решение проблемы:
Для обрезки графики вне границ хоста SVG, необходимо к холсту добавить стиль CSS:
svg { overflow: hidden; }
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.