Как вывести текст в canvas и редактировать его?

Question

[tj57]

Есть canvas для редактирования текста и загрузки изображений. При нажатии кнопки headline выводится надпись "headline", вместо неё можно ввести свой текст. Как это сделать? Мне в голову пришло только создать input поверх канваса, в который будет выводиться текст, но это не пойдет, так как нужно менять размер текста, шрифт и цвет.

Comments

[Александр Аксентьев]

а смысл канвасом делать текстовые блоки и вообще вёрстку?
Нормально никак не получитс естественно.

[tj57]

Александр Аксентьев, а как загружать изображения ?

[tj57]

Александр Аксентьев, что тогда должна представлять собой эта форма, в которую можно вводить текст и загружать изображения ?

[Александр Аксентьев]

tj57, как и любой WYSIWYG редактор.
Или даже проще https://pikabu.ru/add

Answer 1

[trushka]

Сделать input прозрачным, по oninput перерисовывать canvas, вставляя текст из value в нужное место. Вроде, ничего сложного)