ОБЗОР

Установка

Начало работы

Родительские элементы

• SVG.Doc
• SVG.Nested
• SVG.G
• SVG.Symbol
• SVG.Defs
• SVG.A

Элементы

• SVG.Rect
• SVG.Circle
• SVG.Ellipse
• SVG.Line
• SVG.Polyline
• SVG.Polygon
• SVG.Path
• SVG.Text
• SVG.TextPath
• SVG.Tspan
• SVG.Image
• SVG.Gradient
• SVG.Stop
• SVG.Pattern
• SVG.Mask
• SVG.ClipPath
• SVG.Use
• SVG.Marker
• SVG.Bare

Обращение

• По идентификатору (id)
• При помощи CSS селекторов
• Через существующие элементы DOM
• При помощи jQuery или Zepto
• Круговые ссылки
• Дочерние ссылки
• Родительские ссылки
• URI ссылки

Управление

• Атрибуты
• Позиционирование
• Изменение размеров
• Синтаксический "сахар"
• Трансформация
• Стили
• Классы
• Данные
• Память
• "Дерево" документа
• Организация элементов
• Геометрия

Ограничительные рамки и окна просмотра

• SVG.Box
• SVG.ViewBox
• SVG.BBox
• SVG.RBox

Анимация

• Анимация
• Управление
• Расчет времени (тайминг)
• Функции обратного вызова

События

• Базовые события
• Слушатели событий
• Настраиваемые события

Классы

• SVG.Array
• SVG.PointArray
• SVG.PathArray
• SVG.Color
• SVG.Matrix
• SVG.Number
• SVG.Set
• SVG.Point

Импорт/Экспорт SVG

Расширение

• SVG.invent
• SVG.extend

Учебники и примеры

Плагины

• svg.colorat.js
• svg.connectable.js
• svg.declarative.js
• svg.draggable.js
• svg.draw.js
• svg.easing.js
• svg.filter.js
• svg.foreignobject.js
• svg.intersections.js
• svg.math.js
• svg.panzoom.js
• svg.path.js
• svg.pathmorphing.js
• svg.resize.js
• svg.screenbbox.js
• svg.select.js
• svg.shapes.js
• svg.textmorphing.js
• svg.topath.js
• svg.topoly.js

Сотрудничество

• Стиль написания кода
• Документация

Совместимость

ЧАсто задаваемые ВОпросы

• При инициализации SVG.js создаются два SVG. Это ошибка?
• Может ли SVG.js работать на Node.js?
• Как можно изменить элемент, который уже существует в DOM?
• Нужна помошь, чтобы хоть что-то заработало...
• Я нашел ошибку. Куда сообщить об этом?
• Где можно найти учебники?
• Как внести свой вклад или исправить что-либо в документах?

Признательность и благодарность