svg - 将 SVG 加载到 P5 草图

Question

我已经在 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();
    }

Answer 1

P5.js 不支持开箱即用地加载 SVG 文件。 Here是 GitHub 上的讨论，其中包含大量关于此的信息。

Processing.js 确实支持 SVG 文件。更多信息在the reference .

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