分享使用Canvas画布制作九宫格大转盘
使用Canvas画布制作的九宫格大转盘。
九宫格思路如下:
1,画背景图,背景图由9个方块组成。第五个方块为开始方块,起按钮作用。
2,转动动画,顺时针计算8个方块的位置,清除方块,然后重绘方块。
3,开始动画按钮,canvas绑定点击事件,然后计算点击的位置,如果点击的位置处于矩形内,调用第2步,转动动画。
参考https://developers.weixin.qq.com/miniprogram/dev/framework/ability/canvas.html
这里无法保存太多内容,文章请查看https://mp.weixin.qq.com/s/37WQa7uwDpvXLTi8lig06A
演示效果请浏览小程序