我们经常参加各种电商优惠活动,比如购买达到一定数额进行抽奖活动,在比如微信抽奖,淘宝抽奖,迅雷赚钱宝圆盘抽奖活动等。这些抽奖活动部分就是由HTML5的Canvas来制作的,今天就为大家分享一下如何使用HTML5的Canvas来制作圆盘抽奖功能。老规矩,先看下效果图吧:
再来看看Canvas的几个主要api:
全部源代码如下:
<!DOCTYPE html>
<html lang=zh-cn>
<head>
<meta charset=UTF-8>
<title>HTML5 Canvas圆盘抽奖应用DEMO演示</title>
<meta name=viewport con