从Processingjs草图保存PNG？

我正在本地运行processingjs sketch，试图保存画布的PNG，但无法获取常规命令saveCanvas（“image”，“jpg”）；和保存（“diagonal.tif”）；工作

有没有人知道如何做到这一点

干杯，

---

泰雷兹

像这样的问题最好通过查看来回答

请查看

save（）

和

saveFrame（）

的文档。我不确定

saveCanvas（）

是从哪里来的，但我在Processing.js引用中没有看到它。你在考虑P5.js吗

无论如何，文件上说：

这些文件保存到草图文件夹中，可通过从“草图”菜单中选择“显示草图文件夹”打开该文件夹

这使我怀疑这些文件仅仅是为了从处理编辑器中使用而设计的

查看您的页面，检查JavaScript控制台是否存在错误。当您尝试调用

save（）

或

saveFrame（）

函数时，会看到什么

我还建议谷歌搜索“processing.js save image”以获得大量结果，包括：

---

如果您仍然无法使其工作，请链接到CodePen或JSFIDLE，并使用一个简化的示例演示问题。

确切地说，这些命令可以从处理编辑器中工作。我的问题是如何在运行ProcessingJS的浏览器中实现这一点。@ThalesRibeiro当您尝试时，开发人员工具会说什么？你能发一个密码笔吗？@ThalesRibeiro对不起，但那不是真正意义上的。这是一个MCVE。请运行此程序并查看开发人员工具。您将得到一个关于“不允许将顶部框架导航到数据URL”的错误，如果您搜索该错误，您将看到Chrome最近阻止了该功能。您可以在不同的浏览器中尝试，也可以尝试其他解决方法，但我不确定这是否可行。请记住，Processing.js不再被维护，因此您最好切换到Processing或P5.js。是的，我希望能找到解决方案。看到一些示例，但无法让它们与我的代码一起使用。@ThalesRibeiro看一看。您可以调用

canvas.toDataURL（“image/png”）

来获取编码的图像字符串。然后，您应该能够使用该字符串执行任何操作，包括将其保存到文件中。