JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/kangax/fabric.js/master/dist/fabric.js"></script>
<div>
<canvas id="c" width="500" height="500"></canvas>
</div>
JavaScript
(function() {
var canvas = this.__canvas = new fabric.Canvas('c');
var ImageURL = "https://www.google.co.in/images/srpr/logo11w.png";
fabric.Image.fromURL(ImageURL, function(img) {
img.set({
crossOrigin: 'anonymous',
height:200,
width:200
})
img.filters.push(new fabric.Image.filters.RemoveWhite({threshold: 60, distance: 10}));
img.applyFilters(canvas.renderAll.bind(canvas));
canvas.add(img.set({ left: 50, top: 50, angle: 30 }).scale(0.5));
});
})();