Fabricjs Noise Filter

by Hooman Askari

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.0.0-beta.1/fabric.min.js"></script>
<canvas id="canvas" width="800" height="600"></canvas>

CSS

#canvas {border: 1px solid #ddd;}

JavaScript

const canvas = new fabric.Canvas('canvas')
const f = fabric.Image.filters;

canvas.set({backgroundColor:'#fff'})
canvas.renderAll()

fabric.Image.fromURL('https://images.unsplash.com/photo-1485239269752-c4fb2b79e7bd?ixlib=rb-0.3.5%E2%80%A6crop=entropy&cs=tinysrgb&w=1080&fit=max&s=4f605a4cfd9130ff74b49f5b61d44436', function(oImg) {
	canvas.add(oImg);
});
canvas.renderAll()