与其降低你的开支,不如去尝试增加你的收入,这就是你努力的理由!
抽奖
每到节日,我们都会买买买,无论线上或线下,总会搞很多活动,抽奖 无疑是最常见的活动,今天就抽奖实现的方式,聊一下。
实现方案:
1、通过旋转图片或旋转指针,
2、通过canvas实现,
无疑第一种是最简单的,一张图片,指针定位,无论旋转指针或图片都可以,然后通过旋转角度控制最后指针指向的位置。
而通过canvas实现无疑成本是巨大的,这必须要熟悉canvas的属性。
无论通过哪种方式实现,你都要具备以下几点;
1、必须能控制指针最后显示的位置,
2、可以控制抽奖次数,
下图是我找到的一个用canvas实现的模板,然后改吧改吧,通过原型,以配置参数的形式,控制功能。
https://github.com/Time-coding/winning
而且用canvas作图,会有闪烁问题(双缓冲问题),目前还没有解决,就用了旋转图片来实现,目前github还在更新中,欢迎指正
canvas的一些属性,小记(四十),大家可以收藏一下
领取专属 10元无门槛券
私享最新 技术干货