Template for issues
HTML
<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<p>apply filter</p>
<form>
<label for="checkbox">
<input type="checkbox"
id="checkbox"
value="Grayscale"
class="applyFilter">
Grayscale
</label>
</form>
<canvas id="c" width="600" height="600"></canvas>
CSS
canvas {
border: 1px solid #999;
}
JavaScript
/**
* fabric.js template for bug reports
*
* Please update the name of the jsfiddle (see Fiddle Options).
* This templates uses latest dev verison of fabric.js (https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js).
*/
fabric.textureSize = 4096;
// initialize fabric canvas and assign to global windows object for debug
var canvas = window._canvas = new fabric.Canvas('c');
// ADD YOUR CODE HERE
// original photo URL from unsplash.com
// https://images.unsplash.com/photo-1462524500090-89443873e2b4?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=3000&h=2000&fit=crop&s=6e53bba7705938bf0211373d4804c27f
var i =...