版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明
//定义数组,在随机抽奖做准备 //只有灰色区域是画布,红色的图片是添加到body中的 //显示源图潒之外的目标图像,此刻灰色区域就是目标图像,在mousemove中绘制的圆为源图像 //e.clientX是获取的关于浏览器可视窗口的鼠标点坐标 //求关于灰色区域的鼠标点位置,就需要减去灰色区域的offsetLeft以及offsetTop //绘制源图片,为圆形 //getImageData运行在服务器环境下:能得到一个对象,对象中的data属性存储了关于参数中的四个值, //从哪里开始获取获取多大的图像的每个点的像素值,四个为一组,分别代表rgba //获取每次移动的时候画布上面的所有像素点,当每第四个值为0时,就表示该像素點为透明,当所有判断 //透明度的值有百分之60之上,就清空画布,将刮奖区完全显示出来