怎么用html5实现 抽奖效果

这个需要用到H5新标签：canvas绘制图形，利用js来实现抽奖效果，实现步骤如下：

var num = 6// 奖品数量 var canvas = document.getElementById('canvas')var

btn = document.getElementById('btn')if(!canvas.getContext){

alert('抱歉！浏览器不支持。')return} // 获取绘图上下文 var ctx = canvas.getContext('2d')for

(var i = 1i <= numi++) { // 保存当前状态 ctx.save()// 开始一条新路径

ctx.beginPath()// 位移到圆心，下面需要围绕圆心旋转 ctx.translate(150, 150)// 从(0,

0)坐标开始定义一条新的子路径 ctx.moveTo(0, 0)// 旋转弧度,需将角度转换为弧度,使用 degrees * Math.PI/180

公式进行计算。 ctx.rotate(360 / num * i * Math.PI/180)// 绘制圆弧 ctx.arc(0, 0, 150, 0, 2

* Math.PI / num, false)if (i % 2 == 0) { ctx.fillStyle = '#ffb820'}else{

ctx.fillStyle = '#ffcb3f'} // 填充扇形 ctx.fill()// 绘制边框 ctx.lineWidth = 0.5

ctx.strokeStyle = '#f48d24'ctx.stroke()// 恢复前一个状态 ctx.restore()}

一，打开点淘”APP，进入任意一个直播间，在右上方会有“抽奖中”的提示！

如果没开抽奖活动的直播间就会没有！

二，点击“抽奖中”命令，会在下方d出福利抽奖的对话框，会显示奖品 数量 开奖时间！

三，分享时，页面会自动d出几种分享的路径！

只有分享，才能参加抽奖活动！

四，分享后回到直播间，到了开奖时间后，页面会自动开奖！在页面中就会显示是否中奖！

五，中奖后，联系下方购物袋位置中，单独设置的客服链接，将收货地址发给客服即可！

直播间都会专门设置一个处理售后等问题的客服。

六，抽奖活动为系统 *** 作，在直播间后台系统也可以查到客户的中奖IP！如果不确定，也可以联系客服确定！

请确认，谢谢。

得物APP是近年来流行的潮流网购社区，所售商品覆盖种类广泛，例如数码、美妆、服饰和鞋包等多种品类，在其APP上面也经常会有些优惠活动、游戏，比如抽奖活动，但是 有人反馈说得物抽奖页面找不到了，这个可能是因为抽奖页面入口改了。

正常情况下，得物的抽奖页面需要先点击得物APP下方导航栏的购买选项，进入商品购物页面，会出现一个“0元抽奖”的活动字样，点击进入后，就是抽奖页面了 ，可以选择自己喜爱的商品参与抽奖活动。具体流程如下：

首先打开得物APP进入购物页面，点击“0元抽奖”的活动。在抽奖页面，选择自己所感兴趣的商品种类，参与0元抽奖的活动，每个人都有一定的中奖几率，如果可以将页面分享给好友助力，那么中奖几率可以得到提升。在“0元参与抽奖”的字样下，会告知用户开奖时刻的倒计时。

在活动开奖后，可以进入抽奖页面查看自己的号码是否与中奖号码一致，如果页面出现了与自己相同的中奖号码，那么即代表中奖。

---