我正在尝试计划一种使用 Canvas2D 绘制 3 x 3 图像网格的方法,以便画布占据浏览器窗口的整个宽度和高度(因此每个图像都是宽度和高度的 1/3)。
这一步非常简单,但是我将如何实现这一点,以便在调整浏览器窗口大小时所有图像都正确调整大小?
我正在尝试计划一种使用 Canvas2D 绘制 3 x 3 图像网格的方法,以便画布占据浏览器窗口的整个宽度和高度(因此每个图像都是宽度和高度的 1/3)。
这一步非常简单,但是我将如何实现这一点,以便在调整浏览器窗口大小时所有图像都正确调整大小?
这个问题的第一部分应该在这个 SO 线程中回答。
然后有办法获取浏览器窗口的实际宽度和高度。相关属性是window.innerWidth和window.innerHeight。当触发调整大小事件时,您需要运行一个函数来查找这些属性的值并将它们除以 3 以获得您的网格尺寸。请注意,调整画布大小将清除其上存储的所有位图数据。