Создаешь 2 переменные: width, height. На onchage инпута сетаешь в эти переменные значения. Достаешь 2дконтекст, создаешь ф-цию draw и рисуешь прямоугольник используя созданные ранее переменные. Вызываешь requestAnimationFrame(draw)
Строго говоря, элемент Canvas такой возможности не предоставляет. Вы должны реализовать её сами на этапе формирования фигуры до вывода её на Canvas. Вы также можете использовать уже готовое решение (библиотеку).
Canvas — это... Читать далее