Gibt es eine Methode für `WebGLRenderingContext` in` CanvasRenderingContext2D.getImageData() `?

Question

Angenommen, wir können ImageData von CanvasRenderingContext2D bekommen.

var element = document.getElementById('someCanvas'); 
var context = element.getContext('2d'); 
var imageData = context.getImageData(0, 0, width, height); 

Ich frage mich, ob es mit WebGLRenderingContext so gut gemacht werden kann?

var element = document.getElementById('someCanvas'); 
var context = element.getContext('webgl'); 
/* Get image data ... */ 

Vielen Dank!

Answer 1

Es funktioniert nicht genau das gleiche, aber Sie können alle Pixel im Zeichenpuffer mit WebGLRenderingContext.readPixels abrufen. Stellen Sie sicher, dass Sie es vor nennen, beenden Sie das Ereignis, das die Pixel tatsächlich gerendert hat.

var context = element.getContext('webgl'); 
var pixels = new Uint8Array(context.drawingBufferWidth * context.drawingBufferHeight * 4); 
context.readPixels(
    0, 
    0, 
    context.drawingBufferWidth, 
    context.drawingBufferHeight, 
    context.RGBA, 
    context.UNSIGNED_BYTE, 
    pixels);