Flexible Layout Planner (Millimeter Precision)

Инструкция

Выберите фигуру и цвет, тяните мышкой размер формы внутри красной границы полотна.
Тумблеры "Вкл. надписи" и "Вкл. числа", чтобы скрывать или отображать наименования фигур и размеры на холсте и в экспортированном изображении.
Защита от ложных нажатий - фигуры без размера не будут захламлять холст.
Удерживайте Shift при работе с фигурами, они автоматически притянутся (и выровняются) к ближайшей границе и не будут наезжать на соседние фигуры.
Щёлкните правой кнопкой мыши по фигуре, чтобы удалить её, или по пустому месту, чтобы отменить последнее добавление.
Щёлкните по фигуре, чтобы редактировать размеры, или перетаскивайте/растягивайте с помощью маркеров. Надписи и числа (размеров) из списка фигур можно вращать.
Ctrl+C копирует выбранную фигуру, Ctrl+V вставляет дубликат с небольшим смещением внутри полотна.
Отменить действие (Ctrl+Z) и Повторить действие (Ctrl+Y / Ctrl+Shift+Z) отменяют или повторно применяют перемещения, удаления, правки инспектора, обновления полотна и так далее.
Сохранить в буфер обмена копирует текущие данные макета и автоматически дублирует их в область загрузки. Вставьте сохранённые данные в поле и нажмите Загрузить фигуры.
Скачать PNG встраивает текущие мета-данные макета в экспортированное изображение, чтобы его можно было восстановить позже через Загрузить из PNG.
Загрузить из PNG считывает встроенные мета-данные макета из экспортированного PNG и автоматически восстанавливает проект, если данные доступны.

Написано на чистом JS без каких-либо фреймворков. Пользуйтесь на здоровье! Вопросы и предложения по конструктору направляйте по контактам.

Инспектор фигур

Фигура не выбрана.