HTML5 Canvas制作数独游戏（二）

小咪咪咪咪

已于 2022-09-02 08:44:40 修改

阅读量1.6k

点赞数 1

文章标签： html5 游戏 javascript

于 2022-09-02 08:43:47 首次发布

本文链接：https://blog.csdn.net/shinian389789252/article/details/126646532

版权

通过上一篇的讲解，应该对canvas有了初步想法吧。那接下来，我们就开始使用canvas绘制文字。先设置字体样式。

penA.font = "30px 微软雅黑";
penA.textAlign = "center";

这里数独直接存储在9×9的二维数组中。先写一个固定的数组，后面再讲一个简单的算法。
数独在生成数据的时候，只显示部分数字。这里显示的数字就是具体值，不显示的数字由0代替。

let arr = [[3,0,2,0,0,0,9,8,5],
		   [4,5,6,1,0,0,0,0,3],
		   [0,8,9,2,0,0,0,0,0],
		   [0,0,0,3,1,0,5,6,0],
		   [6,0,0,7,0,5,0

关注