Капитан: Борис Дворецкий
- Что есть LightSVG?
- Запуск
- Инструменты:
- Редактирование фигур:
- Преобразование фигур:
- Работа с холстом:
- Команда
LightSVG - это минималистичный векторный графический редактор. Хотя он обладает небольшой функциональностью, LightSVG удобен при создании и редактировании простой svg-графики; лёгок и дружелюбен в использовании и хорошо выполняет те задачи, на которые рассчитан.
Запустить редактор максимально просто - для этого нужно открыть файл index.html с помощью браузера.
Необходим для работы над фигурами. Его использование описывается в редактировании и преобразовании.
Используется для перемещения холста по странице.
Позволяет рисовать протягиванием произвольные кривые. При создании и редактировании ему доступны выбор толщины, непрозрачности и цвета обводки.
Группа из двух инструментов - прямой и ломаной. Опции создания и редактирования аналогичны опциям карандаша.
Используется для создания отрезков прямых. Первый щелчок устанавливает начало, второй - конец. До нажатия второго щелчка отображается полупрозрачный образ отрезка, и тогда можно отменить создание фигуры, если нажать ПКМ или вывести курсор за пределы холста.
Позволяет рисовать отрезки ломаной, рёбра которой устанавливаются щелчками мыши. До второго щелчка можно отменить создание фигуры нажатием ПКМ или выводом курсора за границы холста. При последующих щелчках отображается полупрозрачный образ нового ребра, а для завершения рисования можно вновь нажать ПКМ или вывести курсор за пределы холста.
Группа, содержащая прямоугольник, многоугольник и эллипс. Эти инструменты обладают одинаковым набором опций создания и редактирования: выбор непрозрачности, цвета заливки и толщины, непрозрачности, цвета обводки.
Используется для создания прямоугольников путём протягивания. В момент протягивания можно отменить создание фигуры нажатием ПКМ или выводом курсора за границы холста.
Позволяет рисовать произвольные многоугольники. Обладает той же функциональностью при создании, что и ломаная.
Используется для создания эллипсов. По взаимодействию полностью повторяет прямоугольник.
Представляет собой svg-текст. При создании доступен выбор кегля, шрифта, начертания, непрозрачности и заливки. При редактировании внешнего вида - лишь последние три опции.
Для изменения содержимого необходимо дважды щёлкнуть по объекту курсором (текст станет полупрозрачным). Для выхода из этого режима можно нажать клавиши Esc, Enter или щёлкнуть курсором за пределами поля редактирования.
Используется для полного удаления фигуры с холста.
С помощью курсора можно изменять внешний вид созданной фигуры: для этого необходимо выполнить щелчок ПКМ по нужному объекту. В результате откроется панель редактирования соответствующего инструмента, где можно изменить текущие параметры опций.
Преобразование фигур также выполняется с помощью курсора: первый щелчок ЛКМ по неактивной фигуре активирует режим масштабирования (вокруг фигуры появляется 8 синих опорных точек); второй - сменяет режим на поворот (8 синих опорных точек становятся розовыми). Все последующие щелчки продолжают переключение режимов; для их деактивации нужно щёлкнуть по свободному месту на странице или переключить инструмент.
Выполняется путём перетаскивания вне зависимости от того, активен у выбранной фигуры какой-либо режим или нет.
В соответствующем режиме необходимо захватить одну из восьми опорных точек и протягиванием выполнять преобразование.
По взаимодействию аналогичен масштабированию. Поворот происходит вокруг центра фигуры.
Далее описывается функциональность кнопок верхнего меню.
Позволяет заменить текущий холст на новый (пустой) пользовательских размеров.
Сохраняет текущий холст в .svg файл (в разработке).
- Борис Дворецкий: @bsdvoretsky,
- Илья Афанасьев: @affeeal.