处理 2“Java 模式”,以前称为“标准模式”,具有一些简单的选项来输出图形,如 saveFrame()或PDF 导出库。
现在,网络友好的“Javascript 模式”(基于Processing.js项目)允许人们轻松地托管草图(通过 HTML 画布),但在使用它时我找不到太多关于文件输出的信息。
如何让我的“Javascript 模式”草图保存 SVG 或 PDF?
(不幸的是我不知道 Javascript,所以答案可能不假设它的知识)
处理 2“Java 模式”,以前称为“标准模式”,具有一些简单的选项来输出图形,如 saveFrame()或PDF 导出库。
现在,网络友好的“Javascript 模式”(基于Processing.js项目)允许人们轻松地托管草图(通过 HTML 画布),但在使用它时我找不到太多关于文件输出的信息。
如何让我的“Javascript 模式”草图保存 SVG 或 PDF?
(不幸的是我不知道 Javascript,所以答案可能不假设它的知识)
Processing 的 javascript 模式默认使用 HTML5 Canvas 进行渲染。您可以使用 canvas 的 HTML5 toDataURL 方法来导出 PNG。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement
事实上,这就是Processing.js 中的save()和saveFrame()所做的。如果您查看 Processing.js 中的参考资料,您会注意到用于在 Processing 中导出 PDF 的功能不可用(以红色表示)。
从画布导出为 PDF 似乎是不可能的。但是,有一些框架可以将画布导出为 SVG。之前这里也有人问过。
这是从 SVG 到画布再返回的广泛研究。在底部有一个很好的工具包综述,你可以使用。但是,将这些与 Processing.js 混合起来并非易事。
如果您不太了解 Javascript,并且需要使用 Javascript 而不是 Java 导出到 PDF 或 SVG,那么我建议您使用这些其他工具包之一。这是一个很棒的页面,展示了 Processing.js、Paper.js 和 Raphael 入门的基础知识。你会注意到这并没有太大的不同,如果你知道处理那么你应该没问题。
Processing.js 也可以渲染到WebGL,但它本身没有 SVG 或 PDF 导出选项,也没有我知道的任何工具包。