我已经在 Processing 中编程一段时间了。
我还处理过形状和 SVG
文件。
有关于 SVG
的卑微经验Processing 中的文件让我觉得在 P5.js
中也是一样的故事。 ,这显然不是这种情况,这让我寻求帮助。
回到 Processing 我只会有这样的简单代码:
PShape shape;
/***************************************************************************/
void setup()
{
size(400, 400);
shapeMode(CENTER);
shape = loadShape("bot1.svg");
}
/***************************************************************************/
void draw()
{
background(100);
pushMatrix();
translate(width/2, height/2);
shape(shape, 0, 0);
popMatrix();
}
P5
不能那样工作。什么是
P5.js
相当于那个? var shape;
var canvas;
/***************************************************************************/
function setup()
{
canvas = createCanvas(400, 400);
canvas.position(0, 0);
//shapeMode(CENTER);
//shape = loadShape("bot1.svg");
}
/***************************************************************************/
void draw()
{
background(100);
push();
translate(width/2, height/2);
//shape(shape, 0, 0);
pop();
}
最佳答案
P5.js 不支持开箱即用地加载 SVG 文件。 Here是 GitHub 上的讨论,其中包含大量关于此的信息。
Processing.js 确实支持 SVG 文件。更多信息在the reference .
您已将问题标记为 processing.js ,但我想你最初是在问 p5.js .但请注意,Processing.js 和 P5.js 是两个完全不同的东西。
关于svg - 将 SVG 加载到 P5 草图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40389179/