HTML5 холст кинетическая текстовое поле

Question

Мне было интересно, есть ли способ открыть для меня текстовое поле, чтобы пользователи могли вводить события onclick? Как мне сделать это? Теперь я думаю, что для меня может быть способ получить то, что пользователь печатает на холсте, и использовать методы, о которых я читал, для вывода текста. Это возможно? Но как бы я позволил пользователю печатать на холсте в первую очередь?

Я много читал, и все примеры, которые я смог найти, касались простого вывода текста на холст, а не создания текстового поля.

Есть идеи?

Answer 1

Вы должны буквально сделать один, как в событиях onclick, и вы делаете: var myInput = document.createElement("textarea");

Вам нужно установить myInput.style.width, height, top, left,и, конечно, от myInput.style.position до "absolute", затем разместите его там, где ожидал бы пользователь.

Затем вам нужно назначить ему события.Возможно, при нажатии клавиши он будет искать клавишу ввода, а если нажата клавиша ввода, он исчезнет и зафиксирует текст так, как вы хотите его зафиксировать.

Затем добавьте его на страницу.

Возможно, он будет делать то же самое с событием размытия (если пользователь щелкает).

Answer 2

canvas - это растровое изображение.Вы не можете поместить элемент "в это".Вы можете поставить один зависший над ним, хотя.Я думаю, что вы ищете атрибут html5 contenteditable .

Answer 3

Простое решение - используйте окно предупреждения Javascript. Это позволит нам захватить текст, который пользователь хочет разместить на экране. Затем напишите текст где угодно на холсте (множество уроков о том, как писать текст на холсте).