JSFiddle - React, Tailwind, and code Playground

by ianwong

HTML

<canvas id="c" width="400" height="400"></canvas><a id="download">remove it</a>

CSS

canvas{
  border-width: 1pz;
  border-style: solid;
  border-color: #000;
}

JavaScript

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

	function getObjectById(id) {
		canvas.forEachObject(function(o) {
			if (o.id === id) {
				return o;
			}
		});
		return null;
	}

var img = "http://edudemic.com/wp-content/uploads/2012/09/jail_photo.jpg";

	fabric.Image.fromURL(img, function (source) {
	img = source.set({
		left: 0,
		top: 0,
		angle: 0,
		id:'moveit'
	});
	canvas.add(img);
	canvas.renderAll();

	});

  document.getElementById('download').onclick = function() {
//      alert('hii');
      canvas.remove(img);
 //   var removeit = getObjectById('moveit');
//      canvas.remove(removeit);
  };