刮刮卡
new ScratchCard({
canvas: document.getElementById('canvas'),
coverImg: 'scratch-2x.jpg',
pixelRatio: 2,
doneCallback: function() {
console.log('done')
}
});
| 参数 | 说明 | 默认 |
|---|---|---|
| canvas | canvas元素 | null |
| showAllPercent | 直接全部刮开的百分比 | 65 |
| coverImg | 图片图层 | null |
| coverColor | 纯色图层，例如：#cccccc。如果图片图层值不为null，则纯色图层无效 | null |
| doneCallback | 全部刮开回调 | null |
| radius | 屏幕倍数 | 20 |
| pixelRatio | 屏幕倍数 | 1 |
| fadeOut | 展现全部的淡出效果时间（ms） | 2000 |
本Demo详细讲解请关注我的微信公众号，查阅文章《一张刮刮卡竟包含这么多前端知识点》
微信公众号：卧梅又闻花
头条号：卧梅又闻花
