ImageDataのバイト長が4 * widthの倍数でない

Question

ImageDataの作成に問題があります。私は、次のエラーメッセージを取得しています：ここで

Uncaught IndexSizeError: Failed to construct 'ImageData': The input data byte length is not a multiple of (4 * width).

は、私が実行している方法である：

public setPixelData(data: Buffer, width: number, height: number) { 
    var imageData = new ImageData(new Uint8ClampedArray(data), width, height); 
    this.canvas.getContext('2d').putImageData(imageData, 0, 0); 
} 

私は、データをダンプしており、これが表示されているものです。

data = Uint8Array[632028] 
width = 720 
height = 720 

では、このエラーの原因は何でしょうか、それをどのように修正することができますか？

Answer 1

私は同じ問題を抱えていました。明らかに、アレイのサイズは幅と高さの倍数でなければなりません。また、です。

だからあなたの場合のために：* 4 * 720 720等しい2073600

var width = 720, height = 720; 
 
var data = new ImageData(
 
    new Uint8ClampedArray(4 * width * height), 
 
    720, 
 
    720 
 
); 
 
console.log(data);