35 像素操作
35 像素操作
我们可以直接通过ImageData对象操纵像素数据，直接读取或将数据数组写入该对象中
语法
得到场景像素数据getImageData():获得一个包含画布场景像素数据的ImageData对像,它代表了画布区域的对象数据ctx.getImageData(sx, sy, sw, sh)sx:将要被提取的图像数据矩形区域的左上角 x 坐标。sy:将要被提取的图像数据矩形区域的左上角 y 坐标。sw:将要被提取的图像数据矩形区域的宽度。sh:将要被提取的图像数据矩形区域的高度。ImageData对象ImageData对象中存储着canvas对象真实的像素数据，它包含以下几个只读属性：width:图片宽度，单位是像素height:图片高度，单位是像素data:Uint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据，范围在0至255之间（包括255）R:0 --> 255(黑色到白色)G:0 --> 255(黑色到白色)B:0 --> 255(黑色到白色)A:0 --> 255(透明到不透明)在场景中写入像素数据putImageData()方法去对场景进行像素数据的写入。putImageData(myImageData, dx, dy)dx和dy参数表示你希望在场景内左上角绘制的像素数据所得到的设备坐标创建一个ImageData对象ctx.createImageData(width, height);width : ImageData 新对象的宽度。height: ImageData 新对象的高度。默认创建出来的是透明的示例
21_阴影 效果
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！