想法是在 Canvas 上绘制由小方块组成的数字. 第一步是实现绘制小方块的方法,先画出一个边长为 5 的 10x10 个方块,使用两个 for 循环很简单就能完成. for (let i = 0; i < 10; i++) { for (let j = 0; j < 10; j++) { context.fillRect(5 * i, 5 * j, 5, 5); } } 效果如下: 但是这样一大块黑色不是很好看,可以把小方块的边长减一 ,有显示网格的效果,即: context.fillRec…