Масштабируемая векторая графика (SVG)

 
Формат графики SVG позволяет изменять размер изображений без потери качества изображения

Масштабируемая векторная графика (SVG)

Создание фигур

Выбрав соответствующую кнопку на панели слева, можно рисовать прямоугольники, овалы, звезды и спирали

Масштабируемая векторная графика (SVG)

Заливка и обводка

Можно выбирать "Заливку", "Обводку" и "Стиль обводки". Заливка позволяет выбирать типы заливки: "Сплошной цвет", "Линейный градиент", "Радиальный градиент", "Нет заливки" 

Масштабируемая векторная графика (SVG)

Заливка и обводка

Можно выбирать и менять тон цвета, яркость, насыщенность и  прозрачность, убирать обводку.

Масштабируемая векторная графика (SVG)

Заливка и обводка

Можно менять толщину и другие параметры обводки.

 

Масштабируемая векторная графика (SVG)

Заливка и обводка

Вместо сплошной окраски можно использовать градиенты для заливки и обводки.

Заливка и обводка

Градиент - вид заливки в компьютерной графике, которая по заданным параметрам цвета в ключевых точках рассчитывает промежуточные цвета остальных точек. При этом создаются плавные переходы из одного цвета в другой

 

Возможно регулирование расстояния между буквами и линиями​

Возможно смещение символов по вертикали

Возможно вращение текста

Возможно размещение текста по произвольному контуру

Возможно размещение текста по произвольному контуру

Смещение контура

Можно сжимать и растягивать фигуры, не только меняя их размер, но и  смещая контур объекта перпендикулярно в каждой точке

Векторизация пиксельных

изображений

Векторизация пиксельных

изображений

Интерполяция - заполнение расстояния между объектами и их трансформация в соответствии с заданным числом шагов

Интерполяция между двумя различными объектами

Форма контура одного объекта постепенно переходит в форму контура другого объекта

Экспонента

Параметр экспонента регулирует расстояние между шагами интерполяции

 

Интерполяция с экспонентой 0

Экспонента

Параметр экспонента регулирует расстояние между шагами интерполяции

 

Интерполяция с экспонентой 1

Интерполяция с экспонентой 2

Интерполяция стиля

 

Интерполяция стиля заливки

Интерполяция стиля обводки

Интерполяция стиля разных объектов

Работа с векторной графикой

By Gulnara Khasanova

Работа с векторной графикой

  • 80