FabricJs cloneAsImage

by Steve Eberhardt

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.9/fabric.min.js"></script>
<canvas id="canvas" width="400" height="400">
  </canvas>

JavaScript

var canvas = new fabric.Canvas('canvas')

canvas.backgroundColor = "#fff";


var imgUrl = 'http://fabricjs.com/lib/pug.jpg';

fabric.util.loadImage(imgUrl, function(image){

  
  image.crossOrigin = "Anonymous"
  
  console.log(image)
    
    
  
  var img = new fabric.Image(image)
  console.log(img)
  canvas.add(img).renderAll()
  
  
  img.cloneAsImage(function(){
  	return function(clone){
    	console.log('cloned object')
    	console.log(clone)
      canvas.add(clone).renderAll();
      }
  }())
  
  
})