Processing.js - 以编程方式创建弧形(可能使用SVG?)

时间:2014-11-03 18:44:43

标签: svg processing processing.js

我是一名最近开始摆弄Processing.js的Processing程序员。作为一项个人练习,我一直试图将过去的Processing项目中的一些功能移植到Processing.js ......而且我目前在定制形状创建上遇到了绊脚石。

在我之前的项目中,我有一个自定义形状类,它创建了弧形,例如this figure中显示的形状(可配置内/外半径开始/结束角度)。我必须从头开始创建它,因为Processing中的 arc()函数并不真正允许这么多控件。我目前的目标是在Processing.js 上动态重新创建这样的弧形。

在Processing.js参考上,它表示它是not possible to create a new shape, but SVG files can be loaded instead。当然,每次我想创建一个新形状时都不可能创建一个内部SVG文件,但生成一个表示要解析的SVG代码的字符串将是一个选项。

所以第一个问题是:是否可以以任何其他方式在Processing.js中创建自定义形状但SVG文件?如果没有,那么我的第二个问题是:是否存在我们能以任何方式输入" PShape类中的XML字符串,因此可以将其解析为SVG文件吗?

我做的一个主要假设是创建一个形状比使用 beginShape()/ endShape() ...每个周期绘制顶点更有效...这可能不是是的,但我也找不到支持材料。最终,第三个问题是:仅仅迭代顶点更有意义吗?

我还假设Processing.js没有这种灵活的弧功能(仅仅因为Processing没有)。我很高兴得到其他方面的指示,因为它现在肯定会解决问题...但我仍然希望在Processing.js中了解更多有关自定义形状替代品的信息,以便更加一般地理解。

非常感谢!

0 个答案:

没有答案