title: Load an SVG to a P5 sketch
body: <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>