При наборе текста сразу отображался в canvas?

Question

[hollanditkzn]

Не могу реализовать, как сделать так чтобы при вбивание текста в input этот текст отображался в canvas. Желательно все динамически, без кнопки
https://jsfiddle.net/hollanditkzn/zte0ef52/3/

Answer 1

[Ivanq]

https://jsfiddle.net/zte0ef52/7/
change -> input caniuse.com/#feat=input-event
functio -> function

UPD https://jsfiddle.net/3x5taa7n/1/

Comments

[hollanditkzn]

Ivanq Ладно, я это сделал, сейчас проблема в стерание текста. Так как старый текст остается и накладывается новый текст. А как это исправить примерно?

[hollanditkzn]

ivanque А для общего развитие что делает clearRect?

[Ivanq]

hollanditkzn: hollanditkzn: сlearRect(x, y, w, h): стереть прямоугольник от (x, y) размером W x H

Answer 2

[kulaeff]

Во-первых, у тебя ошибки в коде, нажал бы F12 что-ли и посмотрел в консоль, прежде чем писать вопрос. Во-вторых, вместо события change нужно юзать input

demo

Comments

[hollanditkzn]

kulaeff Ладно, я это сделал, сейчас проблема в стерание текста. Так как старый текст остается и накладывается новый текст. А как это исправить примерно?

[kulaeff]

Добавить строчку ctx.clearRect(0, 0, canvas.width, canvas.height)

Answer 3

[Олег]

Без библиотек на чистом js https://jsfiddle.net/Politonius/6nhyv5n6/1/