将 SVG 加载到 P5 草图

Question

我已经在Processing 中编程一段时间了。我还处理过形状和SVG文件。在处理中获得关于文件的这种卑微经历SVG让我认为在 中也会有同样的故事P5.js，但事实显然并非如此，并促使我寻求帮助。

回到处理我只会有这样的简单代码：

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();
    }

Answer 1

P5.js 不支持直接加载 SVG 文件。这是 GitHub 上的讨论，其中包含大量相关信息。

不过，Processing.js 确实支持 SVG 文件。更多信息请参阅参考资料。

您已用processing.js标记了您的问题，但我认为您最初是在询问p5.js。但请注意，Processing.js 和 P5.js 是两个完全不同的东西。