微信小游戏开发（3）

一、wx API
我们只能用JavaScript来编写小游戏。
小游戏的运行环境是一个绑定了一些方法的JavaScript VM。不同于浏览器，这个运行环境没有BOM和DOM API，只有wx API。
接下来我们将介绍如何用wx API 来完成创建画布、绘制图形、显示图片的基础功能。
二、创建Canvas
调用wx.createCanvas() 接口，可以创建一个Canvas对象。
注：在game.js中编写此代码，可以先将game.js中已有的内容注释掉。
var canvas = wx.createCanvas()
此时创建的canvas是一个上屏Canvas，已经显示在了屏幕上，且与屏幕等宽等高。
console.log(canvas.width, canvas.height);
在整个小游戏代码中首次调用wx.createCanvas() 创建的是上屏Canvas，之后调用则创建的是离屏Canvas。
如果你的项目中使用了官方提供的Adapter，即weapp-adapter.js，那么此时你创建的就是一个离屏Canvas。因为在weapp-adapter.js已经调用了一次wx.createCanvas()，并把返回的canvas作为全局变量暴露出来。
在此教程中，由于我们刚刚注释掉了默认的内容，因此这里是一个上屏Canvas。
三、在Canvas上进行绘制
通过上面的步骤，我们创建了一个canvas对象，但是我们并没有在canvas上面绘制任何内容，因此canvas是透明的。
我们可以使用2d渲染上下文进行简单的绘制。比如：在屏幕的左上角创建一个100*100的红色矩形。
代码如下（承接第二步中的代码）：
var context