title: remove image from canvas - fabricjs (javascript)
body: <p>I'm working on web application most of the part has been covered by angular js. I am stuck at a point. I used fabric.js to manipulate images on canvas and it is the best way of doing this. Everything is working fine but I can not add a close button on uploaded image like shown in image. </p>
  
  <p><img src="https://i.stack.imgur.com/jofbw.png" alt="enter image description here"></p>
  
  <p>This angular image comes upon a canvas tag. Fabric.js gives me ability to rotate and add images but how could I close this particular image. So far I've done 
  with the code is : </p>
  
  <pre><code>var canvas = window._canvas = new fabric.Canvas('c');
  
      var imgElement = document.getElementById('my-image');
      var imgInstance = new fabric.Image(imgElement);
      canvas.add(imgInstance);
  </code></pre>
  
  <p>My canvas element:</p>
  
  <pre><code>&lt;canvas height="282" width="181" id="c" class="lower-canvas"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>My uploaded image element.</p>
  
  <pre><code>&lt;img style="display: none;" src="http://*******/angular.png" class="topimg canvas-img" id="my-image"&gt;
  </code></pre>
  
  <p>Below is what I am getting from fabric.js</p>
  
  <p><img src="https://i.stack.imgur.com/YHw7K.png" alt="enter image description here"></p>
  
  <p>My question is, how could I close or remove this uploaded image on canvas ? Is there any another way to doing this instead of fabric.js ? If it is, please share.. I do not want to clear canvas element from common button. I need to remove image one by one.</p>