canvas.toDataURL() 返回黑色图像[重复]答案

【问题标题】：canvas.toDataURL() returns a black image [duplicate]canvas.toDataURL() 返回黑色图像[重复]
【发布时间】：2019-06-21 04:43:39
【问题描述】：

我们正在开发一个显示缩略图的示例 three.js 应用程序。对于我们创建的任何场景，我们都需要对画布进行截图，为此，我们使用 canvas.toDataURL("image/png")。对于上述函数的重复调用，它返回相同的黑色图像，尽管元素被添加到画布中。

我们正在使用 WebGLRenderer 和threejs r99

我正在使用谷歌浏览器和threejs。由于画布上下文将由 threejs 本身创建，因此我无法添加问题 Canvas toDataURL() returns blank image only in Firefox

中显示的那个参数（preserveDrawingBuffer）

【问题讨论】：

您不必添加该参数。给出了其他解决方案。另外，即使您不能直接添加该参数，您也可以间接添加它。将更新其他答案
这个问题比你想象的更有助于打击种族主义！ P.S：我只是在谷歌中搜索“黑色图像”以更改我的社交媒体头像以支持“黑人的命也是命”运动，从而偶然发现了这个问题！这是第一张照片……

【解决方案1】：

当您呼叫WebGLRenderer 时，请传递preserveDrawingBuffer:true。 Here 是您可以配置的参数列表。

【讨论】：