SVG-Edit — рисуем в онлайн, рисуем в офлайн



    Встречаем новую версию (2.4) открытого векторного редактора SVG-edit.

    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. Фишки оставил без перевода, дабы не вводить никого в различного рода заблуждения, надеюсь и так всё понятно.
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 44

      +1
      Забавная штуковина)
        +1
        И быстрая)
          0
          Еще его (редактор) можно вставить себе на сайт. Справа были замечены слои )
          +1
          А желание вывести сетку (можно без направляющих) только у меня возникло?
            0
            А я то думаю, чего не хватает :)
            +1
            А я багу нашел, берем любой предмер, например линию, ставим первую точку, протягиваем как нам надо и вместо того чтобы отпустить левую кнопку жмем правую, вуаля линия уже не окрашивается в черный, с выделением в виде квадрата — веселее ;)
              +1
              это фича!
              0
              когда много элементов лагает и не могу представить практического применения. но за работу 5+
                0
                Редактор клёвый и действительно быстрый, спасибо. Но, почему-то во всех онлайн редакторах, что я видел, нет-нет, да найдется какой-нибудь косяк. Здесь, например, совершенно непонятно, почему нажатие на палитру цветов изменяет fill color, а не stroke, и как это изменить. И какой-то баг с прозрачностью — после её изменения, ммм, в общем как-то странно она себя ведёт. Может только у меня? (Chrome 4.0.249.78 beta)
                  0
                  нажатие на палитру цветов изменяет fill color, а не stroke, и как это изменить

                  Shift+Click меняет цвет контура.
                  Может только у меня? (Chrome 4.0.249.78 beta)

                  FF-3.5.7, всё в порядке.
                  0
                  В Chrome не получается сохранить получившийся рисунок. (((
                  В FF всё нормально.
                    0
                    А экспорт в svg где?
                      0
                      Целых два: в Edit Source и в кнопке Save Image — но для пользования оба не очень удобны.
                        0
                        Вопрос снят.
                      0
                      В IE8 у меня не заработало. Или он в понятие «современный браузер» не попадает? :)
                        +4
                        Ждите IE9 — там обещали поддержку SVG.
                          0
                          Забыл матчасть. Поэтому буду ждать.
                          +6
                          Не попадает :)
                            +1
                            Сейчас модно писать «да, мы поддерживаем IE*», а ниже мелким шрифтом после звездочки "* с установленным плагином Chrome Frame".
                            +6
                            м… без флеша ^_^
                              0
                              Но зачем?!
                                +3
                                я знаю, кого нужно расстреливать еще в детстве, чтобы наш мир развивался намноооого быстрее…
                                  0
                                  SVG — это прекрасно, но зачем кому-то понадобится онлайн-редактор, ума не приложу.
                                    –1
                                    это try it. понравилось в вебе, скачай и поставь на десктоп.
                                      0
                                      Я тоже балуюсь созданием SVG редактора (http://graphing.ru/d/). Он создает копию в gif, png, jpeg, чтобы можно было куда-то вставить созданную картинку. Получился сервис создания и публикации в сети схемок =)
                                  –12
                                  Смешно когда ИЕ в «современные браузеры» не записывают…
                                    0
                                    Почему?
                                    +1
                                    Отличная вещь, хоть и есть некоторые шероховатости.
                                    Надеюсь будет развиваться дальше.
                                      0
                                      шикарно, в chrome очень быстро работает
                                        0
                                        может написать в скобочках перевод «фишек»?
                                          +1
                                          Жаль что работа идет с shape'ами, а не кривыми Бизье поэтому идентификация кривых весьма своеобразна — по охватываемой кривой поверхности, а не по линиям кривой — это не очень удобно когда фигуры состоят из линий и наложены друг на друга, т.к. нельзя выбрать нижележащую фигуру, хотя навести курсор на линию этой фигуры можно — приходится сначала отодвигать верхнюю фигуру в сторону и только потом тыкать в нижележащую.
                                          Имхо лучше делать всё аналогично существующим решениям типа Adobe Illustrator или Corel Draw!, хотя аудитория вашего редактора для меня — загадка :) Продвинутого пользователя, а тем более дизайнера, такой продукт вряд ли устроит, а чайникам векторный редактор ни к чему. Я вот продвинутый, но лучше на ноут поставлю корел, который может притормаживать, но зато не стесняет меня в возможностях, чем буду использовать такой быстрый, но сильно урезаный.
                                          зы Не пробовали искать уже готовый движек на другой платформе и портировать его на javascript? мне кажется, что векторных редакторов должно быть не мало и наверняка даже с открытым кодом есть…
                                            0
                                            тут фишка в онлайне, типа нарису себе смайл, а потом вставляй его в чате или нарисуй аву…
                                            ну и еще показать, что можно делать с современным броузером.
                                            пока другого применения я не вижу
                                            0
                                            За день глаза замылились — где там можно стирать нарисованное?

                                            Вообще, может быть полезным если нужно что-то мелкое набросать, минисхемку какую-то.
                                              0
                                              Руки чешутся, а цели у проекта нет. Бывает с каждым.
                                                0
                                                Супер печально, что ослик не любит SVG, ибо с десяток «целей» сразу на языке вертится)))) Есть цели. Есть. И глядя на глючный, частично отрубленный у процента траффика и медленный flash, целей — лом.
                                                0
                                                >где там можно стирать нарисованное?

                                                Выбираете инструмент Select Tool (самый первый, стрелочка), выделяете нужную фигуру и нажимаете Delete на клавиатуре.
                                                  0
                                                  Есть ещё на верхней панели, когда фигура выделена, кнопка с белым крестиком на красном фоне.
                                                    0
                                                    Точно, спасибо.

                                                    Жалко, что нельзя часть стирать часть линии, хотя конечно, требовать такого функционала от этого редактора, наверное, не стоит :)
                                                0
                                                прикольно получилось, только не понятно почему притормаживает в Opera 10.10 Ubuntu 9.10… а вот в Хроме замечательно работает =)
                                                ЗЫ: вспомнил как то на 3-4 курсе делал — airm.ru/uni/ — только там не SVG и прочие фишечки, а какая то либа для рисования DIVами (справа X| L C FC R FR можно нажимать)
                                                  0
                                                  А можно ли добавить растровые картинки?
                                                  Например, загрузил на сервер, вставил.
                                                  Только непонятно как их экспортировать в SVG.
                                                    0
                                                    Можно, есть соответствующая кнопка, предпоследняя снизу в панели инструментов,
                                                    в SVG предусмотрен соответствующий тег image.
                                                    +1
                                                    Есть ещё в просторах сети онлайн-Фотошоп, написанный на флеше: www.pixlr.com/editor/ Пару раз меня выручил :)
                                                      0
                                                      rghost.ru/933578/image.png
                                                      майндфак, однако!
                                                        0
                                                        Кажется разработчик оттуда вдохновение и черпал…

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

                                                      Самое читаемое