java刮刮卡源码_js 刮奖小程序源码(刮刮卡)

【实例简介】Lottery

一个刮奖小程序，可以在移动设备上和PC端网页(浏览器要支持canvas)上运行

【实例截图】

【核心代码】

function Lottery(id, cover, coverType, width, height, drawPercentCallback) {

this.conId = id;

this.conNode = document.getElementById(this.conId);

this.cover = cover;

this.coverType = coverType;

this.background = null;

this.backCtx = null;

this.mask = null;

this.maskCtx = null;

this.lottery = null;

this.lotteryType = 'image';

this.width = width || 300;

this.height = height || 100;

this.clientRect = null;

this.drawPercentCallback = drawPercentCallback;

}

Lottery.prototype = {

createElement: function (tagName, attributes) {

var ele = document.createElement(tagName);

for (var key in attributes) {

ele.setAttribute(key, attributes[key]);

}

return ele;

},

getTransparentPercent: function(ctx, width, height) {

var imgData = ctx.getImageData(0, 0, width, height),

pixles = imgData.data,

transPixs = [];

for (var i = 0, j = pixles.length; i < j; i = 4) {

var a =