无法将画布保存到图像答案

【问题标题】：Unable to save canvas to image无法将画布保存到图像
【发布时间】：2013-08-20 23:12:24
【问题描述】：

我遇到了这个 gifx.js - http://evanw.github.io/webgl-filter/ - 除了一件事之外，它似乎工作得很好：保存按钮总是生成一个空白图像。我尝试过使用源代码，但不明白为什么生成的数据 URI 总是相同的（并且是空白的）而不是画布的。这是我一直在尝试修改的脚本 - http://evanw.github.io/webgl-filter/script.js。如果有人有任何想法，我将不胜感激！

【问题讨论】：

标签： javascript canvas

【解决方案1】：

WebGL 上下文需要在选项中使用{ preserveDrawingBuffer: true } 创建，否则正在渲染的缓冲区一旦被绘制到屏幕上就会被清除，并且 toDataURL 会给你一个空白图像。

另请参阅： How do you save an image from a Three.js canvas?

【讨论】：