前几天学习了画布canvas制作小游戏,下面来说用canvas制作的一些步骤:
1. 创建一个Canvas对象
代码里面是通过JS动态创建的画布,大家也可以直接在HTML页面上先创建画布,然后再通过
document.getELementById()
来获取,这两种方法没有什么区别,只是看你更习惯哪一种。
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 512;
canvas.height = 480;
document.body.appendChild(canvas);
2. 载入图片
代码中的bgR