文章目录实现刮刮卡了解canvas的透明设置ImageData对象得到场景像素数据全局透明度的设置覆盖合成实现刮刮卡后记 实现刮刮卡 了解canvas的透明设置 ImageData对象 ImageData对象中存储着canvas对象真实的像素数据,它包含以下几个只读属性: width:图片宽度,单位是像素 height:图片高度,单位是像素 data:Uint8ClampedArray类型的一维数组, 包含着RGBA格式的整型数据,范围在0至255之间(包括255) R:0 –> 255(黑色到白色) G:0 –> 255(黑色到白色) B:0 –> 255(黑色到白色) A:0 –> 255