Уроки SVG

  • Сокращение путей

    добавлено 27.02.2011

    Так как любой нетривиальный рисунок будет содержать многие десятки пар координат, элемент <path> имеет сокращенную вариант записи, чтобы представить путь минимальным количеством байт — из «Сущность SVG»

  • Paths. Moveto, lineto, и closepath

    добавлено 23.02.2011

    Элемент <path> способен создавать фигуры произвольной формы с помощью произвольного числа отрезков и кривых, связанных между собой — из «Сущность SVG»

  • Трансформации skewX и skewY

    добавлено 20.01.2011

    В SVG имеется еще две трансформации: skewX и skewY. Они позволяют наклонить одну из осей — из «Сущность SVG»

  • Масштабирование вокруг точки

    добавлено 18.01.2011

    Так же как в SVG возможно вращение вокруг произвольной точки, возможно и масштабирование — из «Сущность SVG».

  • Трансформация в SVG: поворот

    добавлено 21.12.2010

    О вращении системы координат и отдельных объектов в SVG — из «Сущность SVG».

  • Конвертация из декартовой системы координат

    добавлено 21.12.2010

    На практике можно столкнуться с задачей: перенести векторный рисунок, созданный в декартовой системе координат, в SVG. Чтобы рисунок отобразился в SVG так же как и в исходной системе, координаты необходимо пересчитать. Чтобы не делать это вручную, можно воспользоваться последовательностью трансформаций, чтобы SVG сам все сделал — из «Сущность SVG».

  • Последовательность трансформаций

    добавлено 18.12.2010

    Для объекта количество возможных трансформаций не ограничивается одной: можно задать несколько. При этом конечный результат зависит от порядка преобразований — из «Сущность SVG».

  • Трансформация в SVG: масштабирование

    добавлено 15.12.2010

    SVG объектам можно изменять размеры масштабируя систему координат. Для этого используем значение scale атрибута transform — из «Сущность SVG».

  • Трансформация в SVG: перемещение

    добавлено 15.12.2010

    Для трансформаций (преобразований) фигур в SVG используется атрибут transform. Чтобы переместить объект нужно применить translate — одно из доступных значений transform — из «Сущность SVG».

  • Группирование и привязка SVG объектов

    добавлено 07.12.2010

    О различных вариантах группировки в SVG: элементы g, use, defs, symbol, image — из «Сущность SVG».

  • Структура и представление

    добавлено 27.11.2010

    SVG позволяет разделять структуру документа и его представление. Сейчас попробуем сравнить и сопоставить эти два понятия, обсудить аспекты представления документа более детально и показать некоторые элементы SVG, которые Вы сможете использовать для того, чтобы сделать структуру Вашего документа более четкой, читаемой и более простой в обслуживании — из «Сущность SVG».

  • Ломанная линия

    добавлено 26.11.2010

    В конце нашего «обзора» основных фигур, мы рассмотрим ломанные линии — из «Сущность SVG».

  • Многоугольник

    добавлено 25.11.2010

    В дополнение к прямоугольнику, кругу и эллипсу, можно так же нарисовать шестиугольник, восьмиугольник, звезду или другие произвольные фигуры замкнутой формы. Элемент <polygon> позволяет это реализовать.

  • Круги и эллипсы

    добавлено 24.11.2010

    Чтобы нарисовать круг, используйте элемент <circle>, для эллипса — <ellipse>.

  • Прямоугольники

    добавлено 24.11.2010

    Прямоугольник — самая простая из основных фигур, отвечает за нее элемент <rect>.