小记

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

抽奖

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

实现方案:

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

扫码关注云+社区