将纹理从GPU复制到CPU

Question

如何从GPU内存中将纹理复制到WebGL中的CPU？我在运行时使用texSubImage2D更新纹理。

我想避免：

• 存储纹理的副本的帆布
• 渲染到纹理，并呼吁readPixels

有没有其他办法？

已经阅读这些（这是非常有用的纹理执行期间不更新）：

• Accessing image/texture data (texels) on WebGL
• Can one easily create an HTML image element from a WebGL texture object?

Answer 1

有没有其他办法，而不是你的纹理附加到FBO并执行readPixels。

Answer 2

readPixels或（因为readPixels往往有点慢），您可以将它渲染在画布大小的四边形上。

随着

var img = canvas.toDataURL("image/png"); 

纹理将在IMG变量。为了这个工作，你需要初始化你 gl这样的事情

gl = canvas.getContext("experimental-webgl", {preserveDrawingBuffer: true});