Разработать простой SVG-редактор на JS
15 000 руб. за проект
Необходимо разработать простой SVG-редактор на JS (ES6).
Требуемый функционал:
1. Загрузка произвольного SVG-изображения в область редактирования, каждый элемент загруженного SVG-изображения должен быть кликабельным, но не редактируемым. Исключение - загрузка ранее отредактированного SVG-изображения, в этом случае должна быть возможность перемещать, изменять размер и удалять добавленные графические примитвы.
2. Добавление на изображение графических примитивов (круг, квадрат) путем перетаскивания (dran'n'drop) из панели графических примитивов в область редактирования, с возможностью изменения размера. После добавления должна быть возможность перемещения, изменения размера и удаления графического примитива уже в области редактирования.
3. Построение линий связи между добавленными графическими примитивами (прямой и скругленной) с возможностью изменения ширины линии и удаления.
4. Добавление на изображение текста (текст задается или в области редактирования, или в отдельном окне, реализовать необходимо 1 вариант на выбор исполнителя) с возможностью указания размера. После добавления должна быть возможность перемещения, изменения размера и удаления графического текста уже в области редактирования.
5. Выгрузка отредактированного SVG-изображения.
Допускается реализация как "с нуля", так и с использованием сторонних библиотек (например, D3.js).
Результат оформить в любом удобном виде, например, в виде HTML-файла со встроенным JS-скриптами. Единственное требование - читаемый, хорошо структурированный код, т.к. данное решение будет дорабатываться для включения в проект.
Оплата на карту Сбербанк / Тинькофф или Безопасная сделка.
Требуемый функционал:
1. Загрузка произвольного SVG-изображения в область редактирования, каждый элемент загруженного SVG-изображения должен быть кликабельным, но не редактируемым. Исключение - загрузка ранее отредактированного SVG-изображения, в этом случае должна быть возможность перемещать, изменять размер и удалять добавленные графические примитвы.
2. Добавление на изображение графических примитивов (круг, квадрат) путем перетаскивания (dran'n'drop) из панели графических примитивов в область редактирования, с возможностью изменения размера. После добавления должна быть возможность перемещения, изменения размера и удаления графического примитива уже в области редактирования.
3. Построение линий связи между добавленными графическими примитивами (прямой и скругленной) с возможностью изменения ширины линии и удаления.
4. Добавление на изображение текста (текст задается или в области редактирования, или в отдельном окне, реализовать необходимо 1 вариант на выбор исполнителя) с возможностью указания размера. После добавления должна быть возможность перемещения, изменения размера и удаления графического текста уже в области редактирования.
5. Выгрузка отредактированного SVG-изображения.
Допускается реализация как "с нуля", так и с использованием сторонних библиотек (например, D3.js).
Результат оформить в любом удобном виде, например, в виде HTML-файла со встроенным JS-скриптами. Единственное требование - читаемый, хорошо структурированный код, т.к. данное решение будет дорабатываться для включения в проект.
Оплата на карту Сбербанк / Тинькофф или Безопасная сделка.
Отзывы
Аноним
Спасибо за интересный проект
5 лет
назад
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.