如何从Processing Javascript模式草图导出图像或PDF？

Question

处理2'Java模式'，以前称为“标准模式”，有一些简单的输出图形选项 saveFrame()或PDF Export Library。

现在，友好的“Javascript模式”（基于Processing.js项目）允许人们轻松地（通过HTML画布）托管草图，但是在使用时我找不到关于文件输出的内容它

如何使我的'Javascript模式'草图保存SVG或PDF？

（不幸的是我不知道Javascript，所以答案可能不会假设它的知识）

Answer 1

Processing的javascript模式默认使用HTML5 Canvas进行渲染。您可以使用画布的HTML5 toDataURL方法来导出PNG。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement

实际上，这就是save()和saveFrame()在Processing.js中所做的事情。如果您通过Processing.js中的引用查看，您将注意到用于在Processing中导出PDF的函数不可用（用红色表示）。

似乎无法从画布导出为PDF。但是，有一些frameworks将画布导出到SVG。它也是asked here before。

Here是一项广泛的研究，从SVG到画布再回来。在底部有一个很好的工具包可以使用。但是，将这些与Processing.js混合起来并非易事。

如果您不熟悉Javascript，并且需要在Javascript而不是Java中导出为PDF或SVG，那么我会推荐其中一个其他工具包。这是一个great page，它展示了Processing.js与Paper.js vs Raphael入门的基础知识。你会发现它并没有太大的不同，如果你知道Processing，那么你应该没问题。

Processing.js也可以渲染到WebGL但是本身没有SVG或PDF导出选项，或者我知道的任何工具包都没有。