Я пытаюсь спланировать способ рисования сетки 3 на 3 с помощью Canvas2D, чтобы холст занимал всю ширину и высоту окна браузера (и поэтому каждый изображение равно 1/3 ширины и высоты).Нарисуйте чувствительную сетку изображений с помощью html5 Canvas2D
Этот шаг довольно прост, но как бы я смог добиться этого, чтобы все изображения правильно изменялись при изменении размера окна браузеров?
Для первой части этого вопроса необходимо ответить в пределах this SO thread.
Тогда есть способы получить фактическую ширину и высоту окна браузера. Соответствующие свойства: window.innerWidth и window.innerHeight. Когда событие изменения размера запускается, вы хотите запустить функцию, которая находит значения этих свойств и делит их на 3, чтобы получить размеры сетки. Обратите внимание, что изменение размера холста очистит все данные растрового изображения, сохраненные на нем.