title: Add image to fabric js canvas from Blob or base64 img src
body: <p>I'm sorry if I'm asking the question wrong.</p>
  
  <p>I converted a canvas to an image, and I have the image hidden on a page with a class of imgSrc</p>
  
  <p>The src from the canvas image returns a base64 object</p>
  
  <pre><code>&lt;img class="imgSrc" src="data:image/png;base64,ifsdfjdjkdjf;sfjjfskfdjdf"&gt;
  </code></pre>
  
  <p>I get the error </p>
  
  <p>Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type</p>
  
  <p>when trying to add an image to the canvas using Fabric js   </p>
  
  <pre><code>var canvas = this.__canvas = new fabric.StaticCanvas('canvas1');
  var imgElement = document.getElementsByClassName('imgBox');
  var imgInstance = new fabric.Image(imgElement, {
   left: 100,
   top: 100,
   height: 30, 
   width: 30
  });
  canvas.add(imgInstance);
  </code></pre>
  
  <p>Do I suppose to do some sort of conversation first with the image src ? </p>