无法将画布保存到图像

时间:2013-08-19 08:02:42

标签: javascript canvas

我遇到了这个gifx.js - http://evanw.github.io/webgl-filter/ - 除了一件事似乎运作良好:保存按钮总是生成一个空白图像。我试过玩源但不明白为什么生成的数据URI总是相同(和空白)而不是画布的数据URI。这是我一直在努力修补的脚本 - http://evanw.github.io/webgl-filter/script.js。如果有人有任何想法,我将不胜感激!

1 个答案:

答案 0 :(得分:2)

需要在选项中使用{ preserveDrawingBuffer: true }创建WebGL上下文,否则渲染的缓冲区在绘制到屏幕后会被清除,而toDataURL将为您提供空白图像。

另见: How do you save an image from a Three.js canvas?