• Возможности рисования: рисовать векторные линии карандашом; рисовать прямые линии; контуры с заливкой и без; брать фигуры из библиотеки; выводить текст.
• Возможности работы с объектами: выравнивать несколько объектов по линии; смещать объект вперед или назад по отношению к др. объектам; поворачивать; изменять размер и пропорции; менять контур по толщине, виду; менять цвет и прозрачность контуру и заливке; задавать наконечники для линии, превращая ее в стрелку; размывать фигуры.
• Возможности сохранения: можно сохранять работу в векторном виде в формате SVG (и импортировать обратно), а также сохранять холст в одном их четырех растровых форматов.
• Другие возможности: реализована работа со слоями (см. закладку справа); есть вывод сетки (grid); инструмент выбора цвета «пипетка».
Источник: www.newart.ru
SVG-Edit — рисуем в онлайн, рисуем в офлайн
SVG Explained in 100 Seconds
Встречаем новую версию (2.4) открытого векторного редактора SVG-edit.
Это действительно быстрый, основанный на веб-технологиях, векторный редактор, использующий только JS, HTML, CSS и SVG.
Им можно пользоваться прямо онлайн, ничего не устнавливая, не ставя никаких лишних плагинов, и это работает во всех современных браузерах.
Фишки
- Free-hand drawing
- Line tool
- Rect/Square tool
- Ellipse/Circle tool
- Text tool
- Color palette/picker
- Save drawing to SVG
- Select/drag/resize elements
- Multiselect Elements
- Undo/Redo
- Rotate tool
- Polygon/Polyline Editing
- Linear Gradient Picking
- View and Edit SVG Source
- Clone tool
- Align tool
- Raster Images
- Group/Ungroup
- Zoom
- Layers
- Curved Paths
- UI Localization
- Wireframe Mode
- Change Background
- Draggable Dialogs
- Resizable UI (SVG icons)
- Convert Shapes to Path
А самое интересное, его можно использовать и офлайн.
Есть даже расширение для FF и виджет для Opera.
P.S. Фишки оставил без перевода, дабы не вводить никого в различного рода заблуждения, надеюсь и так всё понятно.
Источник: habr.com
SVG-Edit Онлайн редактор векторной графики
SVG-edit – это бесплатный веб-редактор для масштабируемой векторной графики (SVG). Редактор доступен в стабильной версии 2.4 под названием Arbelos, с новой версией 2.5 под названием Bicorn, ожидающей своего часа. Для целей этого поста я использовал версию 2.4.
#2. SVG для НАЧИНАЮЩИХ (Что такое SVG)
SVG – это открытый, стандартный отраслевой формат XML для векторной графики, разработанный W3C . Его принятие быстро растет. В наши дни большинство векторных редакторов могут импортировать и экспортировать SVG, а современные браузеры (такие как Firefox и Opera) могут отображать его напрямую, не требуя плагинов. Если вы заядлый пользователь Internet Explorer, обратите внимание, что SVG-редактирование работает только в том случае, если вы установили плагин Google Chrome Frame .
Когда дело доходит до инструментов рисования, этот редактор, очевидно, не будет соответствовать Illustrator (и не пытается), но он по-прежнему предоставляет полезные инструменты и многие функции, которые можно ожидать от редактора векторной графики, включая рисование от руки. , формы, цвет и градиент выбора. Рисовать легко, как движущиеся и трансформирующие объекты. Вы можете изменить цвет заливки и обводки, а также непрозрачность и толщину обводки.
Значки меню и панели инструментов выглядят немного неуклюже, но они делают то, что должны.
Точно так же «палитра» слоев – это простая коробка, которую вы вытаскиваете из боковой части экрана. Он выглядит немного одиноко, когда вы привыкли к другим программам, которые заполняют половину экрана палитрами, но опять же он делает то, что говорит на жестяной панели, и вы можете легко добавлять, удалять, переименовывать и изменять порядок наложения слоев.
Когда дело доходит до типографики, доступные инструменты будут казаться довольно простыми, если вы привыкли использовать более продвинутый редактор. Выбор шрифта ограничен категориями: Serif, Sans-Serif, Cursive, Fantasy и Monospace, а стили – Bold и Italic. Вы можете установить любой размер, который вам нравится.
Хотя рисовать фигуры легко, я обнаружил, что изменение опорных точек на объектах немного хитро и не особенно интуитивно понятно. Я думаю, что это область, которая требует больше всего работы, чтобы сделать ее более удобной для пользователей.
Вот полный список функций в текущей версии:
- Рисунок от руки
- Линии, Полилинии
- Прямоугольники / Квадраты
- Эллипсы / Круги
- Полигоны / Изогнутые контуры
- Стилизуемый текст
- Растровые изображения
- Выбор / перемещение / изменение размера / поворот
- Отменить повторить
- Выбор цвета / градиента
- Группа / разгруппировать
- Align
- Увеличить
- Слои
- Преобразовать фигуры в путь
- Каркасный режим
- Сохранить рисунок в SVG
- Линейный выбор градиента
- Просмотр и редактирование источника SVG
- Локализация пользовательского интерфейса
- Изменяемый размер холста
- Изменить фон
- Draggable Dialogs
- Изменяемый интерфейс (иконки SVG)
Версия 2.5, которая скоро появится, будет иметь следующие дополнительные функции.
- Главное меню
- Открытые локальные файлы (только Firefox 3.6)
- Стрелы
- Плагин Архитектура
- Более гладкие пути от руки
- Расширенная поддержка элементов SVG
Файлы могут быть сохранены как SVG, которые можно просматривать в нескольких браузерах и открывать в графических редакторах, которые поддерживают формат.
На данном этапе я не думаю, что Adobe будет дрожать в своих сапогах, но, похоже, есть специальная команда, работающая над улучшением и продвижением этого редактора. Нужно немного доработать, но было бы неплохо увидеть, как он улучшается с каждой версией. Вы можете прочитать больше об этом здесь и скачать плагин Firefox здесь .
Вы использовали SVG Edit? Что вы думаете об этом? Использовали ли вы другие хорошие бесплатные векторные редакторы?
Источник: coderlessons.com