Load an SVG to a P5 sketch
<p>I've been programming in Processing some time now.
I've also worked with shapes and <code>SVG</code> files.
Having this humble experience regarding <code>SVG</code> files in Processing made me think that it would be the same story in <code>P5.js</code>, which is clearly not the case and makes me seek for help.</p>

<p>Back in Processing I would just have simple code like this:</p>

<pre class="lang-java prettyprint-override"><code>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();
}
</code></pre>

<p><code>P5</code> doesn't work that way.
What would be the <code>P5.js</code> equivalent to that?</p>

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