WebGL create Texture

Я успешно создал WebGL-текстуру из изображения и нарисовал ее в элементе холста.

function initTexture(src) {
  texture = gl.createTexture();
  texture.image = new Image();
  texture.image.onload = function() {
    handleLoadedTexture(texture)
  }

  texture.image.src = src;
}

Я также попытался создать текстуру из одного из этих типов данных, но безуспешно.

• [object ImageData]
• [object CanvasPixelArray]
• [объект CanvasRenderingContext2D]

Можно ли создать текстуру, используя только массив пикселей изображения? Или другими словами: Можно ли создать объект JS Image из массива пикселей?

Edit:

Массив пикселей выглядит следующим образом [r,g,b,a,r,g,b,a,r,g,b,a,r,g,b,a,...] и каждое значение находится в диапазоне {0...255}. Я хочу создать текстуру с пикселями из заданного массива.