使用three.js int png或画布位图渲染和保存scen

我很想知道three.js是否以及如何应用于渲染的2d精灵并在我的网页中使用

我的目标是渲染场景（例如在div中）并将其保存为png（类似于3d程序）；无需保存我的动画帧（如我所见，论坛中提供了示例）

---

任何人都可以提供一个从上到下创建和保存静态场景的简单示例吗？

是的，您可以将其保存为png。以下函数获取当前渲染的输出，创建一个新图像并将其添加到页面中（如果需要，也可以下载图像，请参见注释部分）

可以在此处找到完整的示例：

---

欢迎来到SO！你能更详细地描述一下你迄今为止所做的工作吗？如果你能提供你的代码和可复制的样本，你可能会得到更多的支持。我希望你能修改你的问题您可以在任何画布上使用

toDataURL（）

函数，因为三个.js场景被渲染到画布中，我不明白为什么它不起作用。

   function copyCanvas() {
        imgData = renderer.domElement.toDataURL();

        // create a new image and add to the document
        imgNode = document.createElement("img");
        imgNode.src = imgData;
        document.body.appendChild(imgNode);

//        alternative way, which downloads the image 
//        var link = document.createElement("a");
//        link.download = 'capture.png';
//        link.href = imgData;
//        link.click();
    }