在canvas(画布)上绘制一个矩形盒子并使用按键移动这个盒子
思路
1、在画布上创建一个2d画笔,并用这个画笔在画布上绘制一个矩形。
2、设置一个边界判断使这个盒子不能移出画布之外,只能在画布中移动。
注意:
不能直接在style中设置canvas的大小 直接设置大小的话,虽然改变了大小,但是图像也被拉伸变形。
特殊键值:
左:37 上:38 右:39 下:40
代码分解
body部分
设置画布大小
<canvas id="can" width="500" height="500"></canvas>
css样式部分
为画布设置一
原创
2020-07-21 20:20:16 ·
1859 阅读 ·
1 评论