Canvas API:ImageData

ImageData 接口描述 <canvas> 元素的一个隐含像素数据的区域。使用 ImageData() 构造函数创建或者使用和 canvas 在一起的 CanvasRenderingContext2D 对象的创建方法: createImageData()getImageData()。也可以使用 putImageData() 设置 canvas 的一部分。

构造函数

ImageData()

三个参数,第一个 是Uint8ClampedArray的实例,第二个和第三个表示的是 width 和 height,必须保证 Uint8ClampedArray 的 length = 4*width*height 才不会报错,如果第一个参数 Uint8ClampedArray 没有的话,自动按照 width 和 height 的大小,以 0 填充整个像素矩阵。 使用给定的Uint8ClampedArray创建一个 ImageData 对象,并包含图像的大小。如果不给定数组,会创建一个“完全透明”(因为透明度值为 0) 的黑色矩形图像。注意,这是最常见的方式去创建这样一个对象,在 createImageData() 不可用时。

属性

ImageData.data

Uint8ClampedArray 描述了一个一维数组,包含以 RGBA 顺序的数据,数据使用 0255(包含)的整数表示。

ImageData.height

无符号长整型(unsigned long),使用像素描述 ImageData 的实际高度。

ImageData.width

无符号长整型(unsigned long),使用像素描述 ImageData 的实际宽度。

作者:terry,如若转载,请注明出处:https://www.web176.com/canvas/7560.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年12月15日 下午1:54
下一篇 2022年12月15日 下午2:50

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注