基于HTML5 CanvasjQuery的圆盘抽奖活动合集

迄今为止我们已经分享过多款抽奖应用，这几款应用均为比较常见的“圆盘式抽奖”，都是基于HTML5 canvas完成的效果，本文中将它们归纳到一起，方便开发者学习。

这是一款很酷的jQuery抽奖插件，这款jQuery抽奖插件是一个可以旋转的圆盘，我们只需点击抽奖按钮即可启动圆盘旋转，最后圆盘停止后指针所指的就是你本次抽奖获得的奖品，赶紧来试一下吧。

在线演示源码下载

这款插件同上面的原理类似，可以在自己的网站中利用这个插件来给用户提供一些抽奖活动，不过它是基于HTML5 Canvas的，运行原理也类似，都是利用随机数原理来实现开奖结果。

在线演示源码下载

这是一款非常简单的基于HTML5 canvas的抽奖转盘特效。该抽奖转盘中的所有元素都使用canvas代码来生成，可以设置转盘的旋转速度和衰减速度来控制转盘的转动效果。

在线演示源码下载

rouletteWheel是一款基于HTML5 canvas的可用于制作幸运抽奖大转盘的jQuery插件。该抽奖大转盘抽奖允许你添加任意数量的“奖品”，并会随机为它们添加一种不同的颜色。它的特点有：

在转盘的中间设置一个固定圆形按钮来替代<button>按钮。

在某个项目被选择后可以使用回调函数获取该项目。

可以添加任意数量的子项，并会为每个子项随机设置一种颜色。

在线演示源码下载

文章由HTML5中国整理编辑，转载请注明来源。