fabric 5.3.0 → 6.0.0-beta3

package/src/filters/colormatrix_filter.class.js

@@ -1,159 +0,0 @@
-(function(global) {
-
-  'use strict';
-
-  var fabric  = global.fabric || (global.fabric = { }),
-      filters = fabric.Image.filters,
-      createClass = fabric.util.createClass;
-
-  /**
-   * Color Matrix filter class
-   * @class fabric.Image.filters.ColorMatrix
-   * @memberOf fabric.Image.filters
-   * @extends fabric.Image.filters.BaseFilter
-   * @see {@link fabric.Image.filters.ColorMatrix#initialize} for constructor definition
-   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}
-   * @see {@Link http://www.webwasp.co.uk/tutorials/219/Color_Matrix_Filter.php}
-   * @see {@Link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl}
-   * @example <caption>Kodachrome filter</caption>
-   * var filter = new fabric.Image.filters.ColorMatrix({
-   *  matrix: [
-       1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,
-       -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,
-       -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,
-       0, 0, 0, 1, 0
-      ]
-   * });
-   * object.filters.push(filter);
-   * object.applyFilters();
-   */
-  filters.ColorMatrix = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.ColorMatrix.prototype */ {
-
-    /**
-     * Filter type
-     * @param {String} type
-     * @default
-     */
-    type: 'ColorMatrix',
-
-    fragmentSource: 'precision highp float;\n' +
-      'uniform sampler2D uTexture;\n' +
-      'varying vec2 vTexCoord;\n' +
-      'uniform mat4 uColorMatrix;\n' +
-      'uniform vec4 uConstants;\n' +
-      'void main() {\n' +
-        'vec4 color = texture2D(uTexture, vTexCoord);\n' +
-        'color *= uColorMatrix;\n' +
-        'color += uConstants;\n' +
-        'gl_FragColor = color;\n' +
-      '}',
-
-    /**
-     * Colormatrix for pixels.
-     * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning
-     * outside the -1, 1 range.
-     * 0.0039215686 is the part of 1 that get translated to 1 in 2d
-     * @param {Array} matrix array of 20 numbers.
-     * @default
-     */
-    matrix: [
-      1, 0, 0, 0, 0,
-      0, 1, 0, 0, 0,
-      0, 0, 1, 0, 0,
-      0, 0, 0, 1, 0
-    ],
-
-    mainParameter: 'matrix',
-
-    /**
-     * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario
-     * to save some calculation
-     * @type Boolean
-     * @default true
-     */
-    colorsOnly: true,
-
-    /**
-     * Constructor
-     * @param {Object} [options] Options object
-     */
-    initialize: function(options) {
-      this.callSuper('initialize', options);
-      // create a new array instead mutating the prototype with push
-      this.matrix = this.matrix.slice(0);
-    },
-
-    /**
-     * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.
-     *
-     * @param {Object} options
-     * @param {ImageData} options.imageData The Uint8Array to be filtered.
-     */
-    applyTo2d: function(options) {
-      var imageData = options.imageData,
-          data = imageData.data,
-          iLen = data.length,
-          m = this.matrix,
-          r, g, b, a, i, colorsOnly = this.colorsOnly;
-
-      for (i = 0; i < iLen; i += 4) {
-        r = data[i];
-        g = data[i + 1];
-        b = data[i + 2];
-        if (colorsOnly) {
-          data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;
-          data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;
-          data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;
-        }
-        else {
-          a = data[i + 3];
-          data[i] = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4] * 255;
-          data[i + 1] = r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9] * 255;
-          data[i + 2] = r * m[10] + g * m[11] + b * m[12] + a * m[13] + m[14] * 255;
-          data[i + 3] = r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;
-        }
-      }
-    },
-
-    /**
-     * Return WebGL uniform locations for this filter's shader.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {WebGLShaderProgram} program This filter's compiled shader program.
-     */
-    getUniformLocations: function(gl, program) {
-      return {
-        uColorMatrix: gl.getUniformLocation(program, 'uColorMatrix'),
-        uConstants: gl.getUniformLocation(program, 'uConstants'),
-      };
-    },
-
-    /**
-     * Send data from this filter to its shader program's uniforms.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-     */
-    sendUniformData: function(gl, uniformLocations) {
-      var m = this.matrix,
-          matrix = [
-            m[0], m[1], m[2], m[3],
-            m[5], m[6], m[7], m[8],
-            m[10], m[11], m[12], m[13],
-            m[15], m[16], m[17], m[18]
-          ],
-          constants = [m[4], m[9], m[14], m[19]];
-      gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);
-      gl.uniform4fv(uniformLocations.uConstants, constants);
-    },
-  });
-
-  /**
-   * Returns filter instance from an object representation
-   * @static
-   * @param {Object} object Object to create an instance from
-   * @param {function} [callback] function to invoke after filter creation
-   * @return {fabric.Image.filters.ColorMatrix} Instance of fabric.Image.filters.ColorMatrix
-   */
-  fabric.Image.filters.ColorMatrix.fromObject = fabric.Image.filters.BaseFilter.fromObject;
-})(typeof exports !== 'undefined' ? exports : this);

package/src/filters/composed_filter.class.js

@@ -1,72 +0,0 @@
-(function(global) {
-
-  'use strict';
-
-  var fabric  = global.fabric || (global.fabric = { }),
-      filters = fabric.Image.filters,
-      createClass = fabric.util.createClass;
-
-  /**
-   * A container class that knows how to apply a sequence of filters to an input image.
-   */
-  filters.Composed = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Composed.prototype */ {
-
-    type: 'Composed',
-
-    /**
-     * A non sparse array of filters to apply
-     */
-    subFilters: [],
-
-    /**
-     * Constructor
-     * @param {Object} [options] Options object
-     */
-    initialize: function(options) {
-      this.callSuper('initialize', options);
-      // create a new array instead mutating the prototype with push
-      this.subFilters = this.subFilters.slice(0);
-    },
-
-    /**
-     * Apply this container's filters to the input image provided.
-     *
-     * @param {Object} options
-     * @param {Number} options.passes The number of filters remaining to be applied.
-     */
-    applyTo: function(options) {
-      options.passes += this.subFilters.length - 1;
-      this.subFilters.forEach(function(filter) {
-        filter.applyTo(options);
-      });
-    },
-
-    /**
-     * Serialize this filter into JSON.
-     *
-     * @returns {Object} A JSON representation of this filter.
-     */
-    toObject: function() {
-      return fabric.util.object.extend(this.callSuper('toObject'), {
-        subFilters: this.subFilters.map(function(filter) { return filter.toObject(); }),
-      });
-    },
-
-    isNeutralState: function() {
-      return !this.subFilters.some(function(filter) { return !filter.isNeutralState(); });
-    }
-  });
-
-  /**
-   * Deserialize a JSON definition of a ComposedFilter into a concrete instance.
-   */
-  fabric.Image.filters.Composed.fromObject = function(object, callback) {
-    var filters = object.subFilters || [],
-        subFilters = filters.map(function(filter) {
-          return new fabric.Image.filters[filter.type](filter);
-        }),
-        instance = new fabric.Image.filters.Composed({ subFilters: subFilters });
-    callback && callback(instance);
-    return instance;
-  };
-})(typeof exports !== 'undefined' ? exports : this);

package/src/filters/contrast_filter.class.js

@@ -1,113 +0,0 @@
-(function(global) {
-
-  'use strict';
-
-  var fabric  = global.fabric || (global.fabric = { }),
-      filters = fabric.Image.filters,
-      createClass = fabric.util.createClass;
-
-  /**
-   * Contrast filter class
-   * @class fabric.Image.filters.Contrast
-   * @memberOf fabric.Image.filters
-   * @extends fabric.Image.filters.BaseFilter
-   * @see {@link fabric.Image.filters.Contrast#initialize} for constructor definition
-   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}
-   * @example
-   * var filter = new fabric.Image.filters.Contrast({
-   *   contrast: 0.25
-   * });
-   * object.filters.push(filter);
-   * object.applyFilters();
-   */
-  filters.Contrast = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Contrast.prototype */ {
-
-    /**
-     * Filter type
-     * @param {String} type
-     * @default
-     */
-    type: 'Contrast',
-
-    fragmentSource: 'precision highp float;\n' +
-      'uniform sampler2D uTexture;\n' +
-      'uniform float uContrast;\n' +
-      'varying vec2 vTexCoord;\n' +
-      'void main() {\n' +
-        'vec4 color = texture2D(uTexture, vTexCoord);\n' +
-        'float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\n' +
-        'color.rgb = contrastF * (color.rgb - 0.5) + 0.5;\n' +
-        'gl_FragColor = color;\n' +
-      '}',
-
-    /**
-     * contrast value, range from -1 to 1.
-     * @param {Number} contrast
-     * @default 0
-     */
-    contrast: 0,
-
-    mainParameter: 'contrast',
-
-    /**
-     * Constructor
-     * @memberOf fabric.Image.filters.Contrast.prototype
-     * @param {Object} [options] Options object
-     * @param {Number} [options.contrast=0] Value to contrast the image up (-1...1)
-     */
-
-    /**
-      * Apply the Contrast operation to a Uint8Array representing the pixels of an image.
-      *
-      * @param {Object} options
-      * @param {ImageData} options.imageData The Uint8Array to be filtered.
-      */
-    applyTo2d: function(options) {
-      if (this.contrast === 0) {
-        return;
-      }
-      var imageData = options.imageData, i, len,
-          data = imageData.data, len = data.length,
-          contrast = Math.floor(this.contrast * 255),
-          contrastF = 259 * (contrast + 255) / (255 * (259 - contrast));
-
-      for (i = 0; i < len; i += 4) {
-        data[i] = contrastF * (data[i] - 128) + 128;
-        data[i + 1] = contrastF * (data[i + 1] - 128) + 128;
-        data[i + 2] = contrastF * (data[i + 2] - 128) + 128;
-      }
-    },
-
-    /**
-     * Return WebGL uniform locations for this filter's shader.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {WebGLShaderProgram} program This filter's compiled shader program.
-     */
-    getUniformLocations: function(gl, program) {
-      return {
-        uContrast: gl.getUniformLocation(program, 'uContrast'),
-      };
-    },
-
-    /**
-     * Send data from this filter to its shader program's uniforms.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-     */
-    sendUniformData: function(gl, uniformLocations) {
-      gl.uniform1f(uniformLocations.uContrast, this.contrast);
-    },
-  });
-
-  /**
-   * Returns filter instance from an object representation
-   * @static
-   * @param {Object} object Object to create an instance from
-   * @param {function} [callback] to be invoked after filter creation
-   * @return {fabric.Image.filters.Contrast} Instance of fabric.Image.filters.Contrast
-   */
-  fabric.Image.filters.Contrast.fromObject = fabric.Image.filters.BaseFilter.fromObject;
-
-})(typeof exports !== 'undefined' ? exports : this);

package/src/filters/convolute_filter.class.js

@@ -1,352 +0,0 @@
-(function(global) {
-
-  'use strict';
-
-  var fabric  = global.fabric || (global.fabric = { }),
-      extend = fabric.util.object.extend,
-      filters = fabric.Image.filters,
-      createClass = fabric.util.createClass;
-
-  /**
-   * Adapted from <a href="http://www.html5rocks.com/en/tutorials/canvas/imagefilters/">html5rocks article</a>
-   * @class fabric.Image.filters.Convolute
-   * @memberOf fabric.Image.filters
-   * @extends fabric.Image.filters.BaseFilter
-   * @see {@link fabric.Image.filters.Convolute#initialize} for constructor definition
-   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}
-   * @example <caption>Sharpen filter</caption>
-   * var filter = new fabric.Image.filters.Convolute({
-   *   matrix: [ 0, -1,  0,
-   *            -1,  5, -1,
-   *             0, -1,  0 ]
-   * });
-   * object.filters.push(filter);
-   * object.applyFilters();
-   * canvas.renderAll();
-   * @example <caption>Blur filter</caption>
-   * var filter = new fabric.Image.filters.Convolute({
-   *   matrix: [ 1/9, 1/9, 1/9,
-   *             1/9, 1/9, 1/9,
-   *             1/9, 1/9, 1/9 ]
-   * });
-   * object.filters.push(filter);
-   * object.applyFilters();
-   * canvas.renderAll();
-   * @example <caption>Emboss filter</caption>
-   * var filter = new fabric.Image.filters.Convolute({
-   *   matrix: [ 1,   1,  1,
-   *             1, 0.7, -1,
-   *            -1,  -1, -1 ]
-   * });
-   * object.filters.push(filter);
-   * object.applyFilters();
-   * canvas.renderAll();
-   * @example <caption>Emboss filter with opaqueness</caption>
-   * var filter = new fabric.Image.filters.Convolute({
-   *   opaque: true,
-   *   matrix: [ 1,   1,  1,
-   *             1, 0.7, -1,
-   *            -1,  -1, -1 ]
-   * });
-   * object.filters.push(filter);
-   * object.applyFilters();
-   * canvas.renderAll();
-   */
-  filters.Convolute = createClass(filters.BaseFilter, /** @lends fabric.Image.filters.Convolute.prototype */ {
-
-    /**
-     * Filter type
-     * @param {String} type
-     * @default
-     */
-    type: 'Convolute',
-
-    /*
-     * Opaque value (true/false)
-     */
-    opaque: false,
-
-    /*
-     * matrix for the filter, max 9x9
-     */
-    matrix: [0, 0, 0, 0, 1, 0, 0, 0, 0],
-
-    /**
-     * Fragment source for the brightness program
-     */
-    fragmentSource: {
-      Convolute_3_1: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[9];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 0);\n' +
-          'for (float h = 0.0; h < 3.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 3.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));\n' +
-              'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'gl_FragColor = color;\n' +
-        '}',
-      Convolute_3_0: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[9];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 1);\n' +
-          'for (float h = 0.0; h < 3.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 3.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));\n' +
-              'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'float alpha = texture2D(uTexture, vTexCoord).a;\n' +
-          'gl_FragColor = color;\n' +
-          'gl_FragColor.a = alpha;\n' +
-        '}',
-      Convolute_5_1: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[25];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 0);\n' +
-          'for (float h = 0.0; h < 5.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 5.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' +
-              'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'gl_FragColor = color;\n' +
-        '}',
-      Convolute_5_0: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[25];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 1);\n' +
-          'for (float h = 0.0; h < 5.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 5.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));\n' +
-              'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'float alpha = texture2D(uTexture, vTexCoord).a;\n' +
-          'gl_FragColor = color;\n' +
-          'gl_FragColor.a = alpha;\n' +
-        '}',
-      Convolute_7_1: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[49];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 0);\n' +
-          'for (float h = 0.0; h < 7.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 7.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' +
-              'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'gl_FragColor = color;\n' +
-        '}',
-      Convolute_7_0: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[49];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 1);\n' +
-          'for (float h = 0.0; h < 7.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 7.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));\n' +
-              'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'float alpha = texture2D(uTexture, vTexCoord).a;\n' +
-          'gl_FragColor = color;\n' +
-          'gl_FragColor.a = alpha;\n' +
-        '}',
-      Convolute_9_1: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[81];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 0);\n' +
-          'for (float h = 0.0; h < 9.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 9.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' +
-              'color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'gl_FragColor = color;\n' +
-        '}',
-      Convolute_9_0: 'precision highp float;\n' +
-        'uniform sampler2D uTexture;\n' +
-        'uniform float uMatrix[81];\n' +
-        'uniform float uStepW;\n' +
-        'uniform float uStepH;\n' +
-        'varying vec2 vTexCoord;\n' +
-        'void main() {\n' +
-          'vec4 color = vec4(0, 0, 0, 1);\n' +
-          'for (float h = 0.0; h < 9.0; h+=1.0) {\n' +
-            'for (float w = 0.0; w < 9.0; w+=1.0) {\n' +
-              'vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));\n' +
-              'color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];\n' +
-            '}\n' +
-          '}\n' +
-          'float alpha = texture2D(uTexture, vTexCoord).a;\n' +
-          'gl_FragColor = color;\n' +
-          'gl_FragColor.a = alpha;\n' +
-        '}',
-    },
-
-    /**
-     * Constructor
-     * @memberOf fabric.Image.filters.Convolute.prototype
-     * @param {Object} [options] Options object
-     * @param {Boolean} [options.opaque=false] Opaque value (true/false)
-     * @param {Array} [options.matrix] Filter matrix
-     */
-
-
-    /**
-    * Retrieves the cached shader.
-    * @param {Object} options
-    * @param {WebGLRenderingContext} options.context The GL context used for rendering.
-    * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.
-    */
-    retrieveShader: function(options) {
-      var size = Math.sqrt(this.matrix.length);
-      var cacheKey = this.type + '_' + size + '_' + (this.opaque ? 1 : 0);
-      var shaderSource = this.fragmentSource[cacheKey];
-      if (!options.programCache.hasOwnProperty(cacheKey)) {
-        options.programCache[cacheKey] = this.createProgram(options.context, shaderSource);
-      }
-      return options.programCache[cacheKey];
-    },
-
-    /**
-     * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.
-     *
-     * @param {Object} options
-     * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
-     */
-    applyTo2d: function(options) {
-      var imageData = options.imageData,
-          data = imageData.data,
-          weights = this.matrix,
-          side = Math.round(Math.sqrt(weights.length)),
-          halfSide = Math.floor(side / 2),
-          sw = imageData.width,
-          sh = imageData.height,
-          output = options.ctx.createImageData(sw, sh),
-          dst = output.data,
-          // go through the destination image pixels
-          alphaFac = this.opaque ? 1 : 0,
-          r, g, b, a, dstOff,
-          scx, scy, srcOff, wt,
-          x, y, cx, cy;
-
-      for (y = 0; y < sh; y++) {
-        for (x = 0; x < sw; x++) {
-          dstOff = (y * sw + x) * 4;
-          // calculate the weighed sum of the source image pixels that
-          // fall under the convolution matrix
-          r = 0; g = 0; b = 0; a = 0;
-
-          for (cy = 0; cy < side; cy++) {
-            for (cx = 0; cx < side; cx++) {
-              scy = y + cy - halfSide;
-              scx = x + cx - halfSide;
-
-              // eslint-disable-next-line max-depth
-              if (scy < 0 || scy >= sh || scx < 0 || scx >= sw) {
-                continue;
-              }
-
-              srcOff = (scy * sw + scx) * 4;
-              wt = weights[cy * side + cx];
-
-              r += data[srcOff] * wt;
-              g += data[srcOff + 1] * wt;
-              b += data[srcOff + 2] * wt;
-              // eslint-disable-next-line max-depth
-              if (!alphaFac) {
-                a += data[srcOff + 3] * wt;
-              }
-            }
-          }
-          dst[dstOff] = r;
-          dst[dstOff + 1] = g;
-          dst[dstOff + 2] = b;
-          if (!alphaFac) {
-            dst[dstOff + 3] = a;
-          }
-          else {
-            dst[dstOff + 3] = data[dstOff + 3];
-          }
-        }
-      }
-      options.imageData = output;
-    },
-
-    /**
-     * Return WebGL uniform locations for this filter's shader.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {WebGLShaderProgram} program This filter's compiled shader program.
-     */
-    getUniformLocations: function(gl, program) {
-      return {
-        uMatrix: gl.getUniformLocation(program, 'uMatrix'),
-        uOpaque: gl.getUniformLocation(program, 'uOpaque'),
-        uHalfSize: gl.getUniformLocation(program, 'uHalfSize'),
-        uSize: gl.getUniformLocation(program, 'uSize'),
-      };
-    },
-
-    /**
-     * Send data from this filter to its shader program's uniforms.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-     */
-    sendUniformData: function(gl, uniformLocations) {
-      gl.uniform1fv(uniformLocations.uMatrix, this.matrix);
-    },
-
-    /**
-     * Returns object representation of an instance
-     * @return {Object} Object representation of an instance
-     */
-    toObject: function() {
-      return extend(this.callSuper('toObject'), {
-        opaque: this.opaque,
-        matrix: this.matrix
-      });
-    }
-  });
-
-  /**
-   * Returns filter instance from an object representation
-   * @static
-   * @param {Object} object Object to create an instance from
-   * @param {function} [callback] to be invoked after filter creation
-   * @return {fabric.Image.filters.Convolute} Instance of fabric.Image.filters.Convolute
-   */
-  fabric.Image.filters.Convolute.fromObject = fabric.Image.filters.BaseFilter.fromObject;
-
-})(typeof exports !== 'undefined' ? exports : this);