Нужно сделать рисовалку – предельно урезанный аналог draw.io.
Режим работы – только для одного пользователя. Т.е совместной работы не нужно.
Что фактически там должно быть:
Три вида блоков.
1. Текстовый редактор.
Над текстом появляется менюшка со следующим функционалом:
1) bold
2) italic
3) underline
4) выравнивание – лево, центр, право
5) цвет шрифта, цвет фона
6) списки – number list, bullet list
7) выбор из готового списка размеров – h1, h2, h3, text
8) вставить ссылку
Как вариант можно использовать tinyMCE, вариант inline editor. Только выкинуть лишнее / добавить нужное.
2. Картинки. Хотелось бы иметь максимально простой вариант добавления картинок из сети – Drag'n'drop, Ctrl+V
3. Фигуры – прямоугольники с выбором размера, цвета и прозрачности. Будут использоваться как некий аналог маркеров, для выделения текста и частей картинок.
Размер любого блока нужно иметь возможность как угодно поменять, потянув за край.
Все блоки должны перетаскиваться по экрану. Должны быть слои, чтобы можно было указать какой блок какой перекрывает (send to back, bring to front).
+ Возможность как-то выровнять блоки друг относительно друга.
+ Возможность выгрузить/загрузить все расположение блоков и контент в формате json.
+ Возможность сохранить все нарисованное в виде картинки. Как вариант использовать что-то типа
Все это должно реализовываться на javaScript, легко подключаться на HTML страницу, в обычный div.
Размер холста, на котором можно рисовать равен размеру этого div-а.