分享使用Canvas画布制作九宫格大转盘
发布于 2 年前 作者 tanchao 4344 次浏览 来自 分享


使用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

演示效果请浏览小程序

回到顶部