微信小程序圆盘抽奖（扇形画圆）

DanTonLu

已于 2022-03-31 19:27:25 修改

阅读量2.6k

点赞数 1

文章标签： javascript css 小程序

于 2022-03-31 19:24:42 首次发布

本文链接：https://blog.csdn.net/DanTonLu/article/details/123880085

版权

本文记录了一次微信小程序实现圆盘抽奖功能的过程，强调了动态修改板块个数的需求。由于canvas的transform属性在小程序中不兼容，作者选择了使用动态CSS结合animation来绘制并旋转转盘。提供了WXML、JS和WXSS的代码示例，但未包含结果判断及抽奖指针的实现。

摘要由CSDN通过智能技术生成

微信小程序圆盘抽奖（扇形画圆）

前言

提示：这里可以添加本文要记录的大概内容：

例如：领导安排做一个微信小程序的转盘抽奖，要求可以复用，动态的修改抽奖的板块个数，由于是第一次做微信小程序踩了很多的坑，在网上也没有找到同类型的文章，所以在此记录一下。
这两天尝试了各种方法，首先是使用canvas设置路径来绘制扇形直到完成一个圆，但是微信小程序的canvas不兼容使用transform的属性，无法进行旋转，不过原生的可以使用这个思路，这里分享一个使用canvas画分割画圆的文章，作者写得非常好https://blog.csdn.net/qq_44797965/article/details/104330823

提示：以下是本篇文章正文内容，下面案例可供参考