前端canvas制作微信小游戏（一）

canvas是HTML5中新加入的标签。使用canvas可以创造完全独立于css的图形界面。canvas完全依靠js代码实现矢量图形界面的显示和变换。目前canvas在移动端界面中广泛使用。微信小游戏和小程序很多都是基于canvas进行创作（例如经典的最强弹一弹、经典跳一跳）这些小游戏不需要下载APP，直接在微信平台中运行即可进行游戏，受到不少用户的追捧。

下面是一个元宵节祝福的 demo 和详细说明

下面这个是使用canvas制作的元宵节祝福，节假日期间受到很多朋友追捧。

使用canvas制作和使用CSS进行设计不完全一致。传统CSS可以设置图片的样式（排版），就是将设计组已经设计好的图形进行处理，对文字、图片等属性进行加工。使用canvas可以完全创造矢量图形（点、线段、多边形等），结合JS的 setTimeout 等方法可以创造动画等效果。使用canvas操作的门槛相对高一些。

目前大部分使用canvas的2d效果，3d效果使用不常见。