SVG редактор


SVG редактор

Редактор для Ю.Корейского маркетплейса карбоновых изделий.

Дата создания: 30 июня 2022

Сфера деятельности: Кастомизация автомобилей

Технологии: JComponent, paper.js

Тех.поддержка:


Задача: 

Разработать SVG редактор со следующим функционалом:

  • Инструменты
    • Pointer - выделение, перетаскивание, изменение размера, изменение угла.
    • Zoom - приближение, удаление канваса.
    • Hand - изменение местоположение канваса.
    • Brush pen - кисть, совободное рисование.
    • Straight pen - строгая кисть, перо, изменение узловых точек, редактировании линий безъе
    • Line - линия
    • Square - прямоугольник квадрат
    • Circle - окружность
    • Text - редактирование, добавление текста
    • Join Point - рисование полигонов с поддержкой линий безъе
    • Scissors - ножницы, разрезание полигона на две части.
    • Ruller - рулетка, измение расстояния между двумя точками
    • Boolean function - булевы операции на полигонами, объединение, выдавливание и т.д
    • Flip - зеркалирование по вертикали и по горизонтали.
    • Undo/Redo - история изменений на канвасе
    • Grid - сетка
  • Поддержка пикселей, сантиметров, дюймов на линейках
  • Расчёт площадей полигонов
  • Загрузка, Сохранение

Решение:  Редактор был реализован за 2 месяца. После чего по просьбе заказчика были разработаны сервис для плоттера, который позволяет производить резку из SVG паттерна.