计算ImageData Object的[字节]大小

时间:2014-06-22 06:56:33

标签: javascript html5 html5-canvas byte

代码:

// Create a new canvas
var canvas = document.createElement('canvas');
canvas.width = canvas.height = 100;
document.body.appendChild(canvas);

// Get drawing context
var ctx = canvas.getContext('2d');

// Get image data
var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);

如何以字节计算imageData对象的大小?

1 个答案:

答案 0 :(得分:2)

imageData.data的类型为Uint8ClampedArray,长度为1个字节。

所以:imageData.data.length会给你一个字节大小,它应该等于canvas.width * canvas.height * 4 您将宽度和高度乘以4,因为每个像素存储4个字节RGBA。