Canvas开发PC端应用并支持四位随机码生成

阅读量：

一、先来实现刮刮卡

效果图展示与分析

在这里插入图片描述

Canvas透明覆盖实现刮刮卡效果

1.所需知识点

1.获取canvas操作实例

复制代码

    getContext():获得用于在画布上绘图的对象。

2.getImageData(x,y,width,height)

复制代码

    定义：getImageData()方法返回ImageData对象，该对象拷贝了画布指定矩形的像素数据，该对象不是一张
    图片，而是保存了画布中数据的对象。
    参数：
x、y分别表示开始复制的左上角的位置坐标。
width、height分别表示要复制的矩形区域的宽度、高度。
      
    对于ImageData对象中的每个像素，都存放着四个消息：
    	R-红色(0-255)
    	G-绿色(0-255)
    	B-蓝色(0-255)
    	A-alpha通道(0-255；0是透明，255是完全可见的)
    注意：color/alpha信息以数

全部评论 (0)

还没有任何评论哟~