Материалы с тегом «уроки SVG»
Paths. Moveto, lineto, и closepath
Элемент <path> способен создавать фигуры произвольной формы с помощью произвольного числа отрезков и кривых, связанных между собой— из «Сущность SVG».
Вложенные системы координат
Вы можете создать новую область просмотра со своей системой координат в любое время, вложив еще один элемент <svg> элемент в Ваш SVG-документ.
Группирование и привязка SVG объектов
О различных вариантах группировки в SVG: элементы g, use, defs, symbol, image — из «Сущность SVG».
Координаты
Мир SVG — это бесконечный холст. В этой главе мы обсудим как дать понять браузеру какая именно часть этого холста Вам интересна, каковы размеры этой части и как найти точки на этом участке.
Масштабируемость
О сильной стороне векторной графики.
Начнем
Начнем мы со знакомства с двумя системами компьютерной графики: растровыми и векторными изображениями.
Основные фигуры. Круги и эллипсы.
Чтобы нарисовать круг, используйте элемент <circle>, для эллипса — <ellipse>.
Основные фигуры. Линии.
Рисуем прямые линии — используем <line>. Характеристики кисти: толщина, цвет, прозрачность, прерывистость.
Основные фигуры. Ломанная линия.
В конце нашего «обзора» основных фигур, мы рассмотрим ломанные линии — из «Сущность SVG».
Основные фигуры. Многоугольник.
В дополнение к прямоугольнику, кругу и эллипсу, можно так же нарисовать шестиугольник, восьмиугольник, звезду или другие произвольные фигуры замкнутой формы. Элемент <polygon> позволяет это реализовать.
