我遇到了这个 gifx.js - http://evanw.github.io/webgl-filter/ - 除了一件事，它似乎工作得很好:保存按钮总是生成一个空白图像。我曾尝试使用源代码，但不明白为什么生成的数据 URI 始终相同(且为空白)，而不是 Canvas 的数据 URI。这是我一直在尝试修改的脚本 - http://evanw.github.io/webgl-filter/script.js .如果有人有任何想法，我将不胜感激!
最佳答案
需要在选项中使用 { preserveDrawingBuffer: true } 创建 WebGL 上下文，否则渲染的缓冲区一旦被绘制到屏幕上就会被清除，并且 toDataURL 会给你一个空白图像.
关于javascript - 无法将 Canvas 保存到图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18309007/