title: Loading SVG using Fabric JS ungrouped
body: <p>Can anybody tell me how can I load an SVG file using fabric js ungrouped.
  With the following code the SVG file is loading but it is appeared as a single object.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="fabric.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(function (){
  
              var canvas = this.__canvas = new fabric.Canvas('c');
              fabric.Object.prototype.transparentCorners = true;
              fabric.loadSVGFromURL("xxx.svg", function (objects, options) {
                  var group = fabric.util.groupSVGElements(objects, options);
                  canvas.add(group);
                  canvas.renderAll();
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;canvas id="c" width="800px" height="600px"&gt;&lt;/canvas&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>PS: I tried adding the objects one-by-one (using a loop) to the canvas but it was not worked.
  I also tried this: <a href="https://stackoverflow.com/questions/22101407/load-svg-from-file-to-canvas-and-ungroup-it">Load SVG from file to canvas and ungroup it</a></p>