title: Adding images with Fabric.js
body: <p>I'm new to JavaScript and am working with this code using Fabric.js to create multiple images with the click of a button. I've found the following code from another post which allows for shapes, but I can't seem to figure out how to successfully make those images instead.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="fabric.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  jQuery(function($){
  var canvas = new fabric.Canvas('c');
  
  $("#addCircle").click(function(){
         canvas.add(new fabric.Circle({
      radius: 20, fill: 'green', left: 100, top: 100
   }));
    });
  
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  &lt;div id="editor"&gt;
  &lt;input type="button" id="addCircle" value="Add Circle"&gt;&lt;/div&gt;
  &lt;canvas id="c" width="300" height="300"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>