Уроки SVG

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

    добавлено 27.02.2011

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

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

    добавлено 20.01.2011

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

  • Paths. Moveto, lineto, и closepath

    добавлено 23.02.2011

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

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

    добавлено 07.12.2010

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

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

    добавлено 27.11.2010

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

  • Основные фигуры. Ломанная линия.

    добавлено 26.11.2010

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

  • Основные фигуры. Многоугольник.

    добавлено 25.11.2010

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

  • Основные фигуры. Круги и эллипсы.

    добавлено 24.11.2010

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

  • Основные фигуры. Прямоугольники.

    добавлено 24.11.2010

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

  • Основные фигуры. Линии.

    добавлено 24.11.2010

    Рисуем прямые линии — используем <line>. Характеристики кисти: толщина, цвет, прозрачность, прерывистость.

  • Вложенные системы координат

    добавлено 21.11.2010

    Вы можете создать новую область просмотра со своей системой координат в любое время, вложив еще один элемент <svg> элемент в Ваш SVG-документ.

  • Сохранение пропорций

    добавлено 21.11.2010

    Что же происходит, если пропорции области просмотра и viewBox будут разными? Например, где пропорциональность viewBox равна 1/1, а у области просмотра — 1/3?

  • Координаты

    добавлено 21.11.2010

    Мир SVG — это бесконечный холст. В этой главе мы обсудим как дать понять браузеру какая именно часть этого холста Вам интересна, каковы размеры этой части и как найти точки на этом участке.

  • Создание SVG графики

    добавлено 17.11.2010

    В этом разделе мы создадим SVG файл, который отобразит картинку кота, которую вы видели ранее. Этот пример поможет представить о чем пойдет речь детально в последующих главах. Данный файл будет служить хорошим примером того, как писать SVG файлы.

  • Масштабируемость

    добавлено 16.11.2010

    О сильной стороне векторной графики.

twitter RSS e-mail