Я изучал несколько вариантов создания приложения на основе HTML5 с открытым исходным кодом, такого как Sketch, которое будет в основном векторным приложением для создания экранов пользовательского интерфейса и т. Д.

Я видел несколько замечательных библиотек JS, таких какhttp://snapsvg.io, http://paperjs.orgтак далее...

А создать статический элемент SVG так же просто, как показано ниже:

var s = Snap("#svg");
// Lets create big circle in the middle:
var bigCircle = s.circle(150, 150, 100);

То, о чем я понятия не имею, это привязка задания к событию перемещения мыши. Поэтому, если пользователь щелкает и перетаскивает, в зависимости от расстояния, на которое он перетянул, элемент должен быть создан. Основная особенность всех редакторов. Мне нужно будет реализовать аналогичные функции для изменения размера также.