首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

小记

与其降低你的开支,不如去尝试增加你的收入,这就是你努力的理由!

抽奖

每到节日,我们都会买买买,无论线上或线下,总会搞很多活动,抽奖 无疑是最常见的活动,今天就抽奖实现的方式,聊一下。

实现方案:

1、通过旋转图片或旋转指针,

2、通过canvas实现,

无疑第一种是最简单的,一张图片,指针定位,无论旋转指针或图片都可以,然后通过旋转角度控制最后指针指向的位置。

而通过canvas实现无疑成本是巨大的,这必须要熟悉canvas的属性。

无论通过哪种方式实现,你都要具备以下几点;

1、必须能控制指针最后显示的位置,

2、可以控制抽奖次数,

下图是我找到的一个用canvas实现的模板,然后改吧改吧,通过原型,以配置参数的形式,控制功能。

https://github.com/Time-coding/winning

而且用canvas作图,会有闪烁问题(双缓冲问题),目前还没有解决,就用了旋转图片来实现,目前github还在更新中,欢迎指正

canvas的一些属性,小记(四十),大家可以收藏一下

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171208G0S53I00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券