@nasser-sw/fabric 7.0.0-beta1

package/dist/src/filters/Resize.d.ts

@@ -0,0 +1,134 @@
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TWebGLPipelineState, TWebGLUniformLocationMap } from './typedefs';
+export type TResizeType = 'bilinear' | 'hermite' | 'sliceHack' | 'lanczos';
+export type ResizeOwnProps = {
+    resizeType: TResizeType;
+    scaleX: number;
+    scaleY: number;
+    lanczosLobes: number;
+};
+export type ResizeSerializedProps = ResizeOwnProps;
+export declare const resizeDefaultValues: ResizeOwnProps;
+type ResizeDuring2DResize = Resize & {
+    rcpScaleX: number;
+    rcpScaleY: number;
+};
+type ResizeDuringWEBGLResize = Resize & {
+    rcpScaleX: number;
+    rcpScaleY: number;
+    horizontal: boolean;
+    width: number;
+    height: number;
+    taps: number[];
+    tempScale: number;
+    dH: number;
+    dW: number;
+};
+/**
+ * Resize image filter class
+ * @example
+ * const filter = new Resize();
+ * object.filters.push(filter);
+ * object.applyFilters(canvas.renderAll.bind(canvas));
+ */
+export declare class Resize extends BaseFilter<'Resize', ResizeOwnProps> {
+    /**
+     * Resize type
+     * for webgl resizeType is just lanczos, for canvas2d can be:
+     * bilinear, hermite, sliceHack, lanczos.
+     */
+    resizeType: ResizeOwnProps['resizeType'];
+    /**
+     * Scale factor for resizing, x axis
+     * @param {Number} scaleX
+     */
+    scaleX: ResizeOwnProps['scaleX'];
+    /**
+     * Scale factor for resizing, y axis
+     * @param {Number} scaleY
+     */
+    scaleY: ResizeOwnProps['scaleY'];
+    /**
+     * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos
+     * @param {Number} lanczosLobes
+     */
+    lanczosLobes: ResizeOwnProps['lanczosLobes'];
+    static type: string;
+    static defaults: ResizeOwnProps;
+    static uniformLocations: string[];
+    /**
+     * 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(this: ResizeDuringWEBGLResize, gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
+    getFilterWindow(this: ResizeDuringWEBGLResize): number;
+    getCacheKey(this: ResizeDuringWEBGLResize): string;
+    getFragmentSource(this: ResizeDuringWEBGLResize): string;
+    getTaps(this: ResizeDuringWEBGLResize): any[];
+    /**
+     * Generate vertex and shader sources from the necessary steps numbers
+     * @param {Number} filterWindow
+     */
+    generateShader(filterWindow: number): string;
+    applyToForWebgl(this: ResizeDuringWEBGLResize, options: TWebGLPipelineState): void;
+    /**
+     * Apply the resize filter to the image
+     * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.
+     *
+     * @param {Object} options
+     * @param {Number} options.passes The number of filters remaining to be executed
+     * @param {Boolean} options.webgl Whether to use webgl to render the filter.
+     * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.
+     * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.
+     * @param {WebGLRenderingContext} options.context The GL context used for rendering.
+     * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.
+     */
+    applyTo(options: TWebGLPipelineState | T2DPipelineState): void;
+    isNeutralState(): boolean;
+    lanczosCreate(lobes: number): (x: number) => number;
+    applyTo2d(this: ResizeDuring2DResize, options: T2DPipelineState): void;
+    /**
+     * Filter sliceByTwo
+     * @param {Object} canvasEl Canvas element to apply filter to
+     * @param {Number} oW Original Width
+     * @param {Number} oH Original Height
+     * @param {Number} dW Destination Width
+     * @param {Number} dH Destination Height
+     * @returns {ImageData}
+     */
+    sliceByTwo(options: T2DPipelineState, oW: number, oH: number, dW: number, dH: number): ImageData;
+    /**
+     * Filter lanczosResize
+     * @param {Object} canvasEl Canvas element to apply filter to
+     * @param {Number} oW Original Width
+     * @param {Number} oH Original Height
+     * @param {Number} dW Destination Width
+     * @param {Number} dH Destination Height
+     * @returns {ImageData}
+     */
+    lanczosResize(this: ResizeDuring2DResize, options: T2DPipelineState, oW: number, oH: number, dW: number, dH: number): ImageData;
+    /**
+     * bilinearFiltering
+     * @param {Object} canvasEl Canvas element to apply filter to
+     * @param {Number} oW Original Width
+     * @param {Number} oH Original Height
+     * @param {Number} dW Destination Width
+     * @param {Number} dH Destination Height
+     * @returns {ImageData}
+     */
+    bilinearFiltering(this: ResizeDuring2DResize, options: T2DPipelineState, oW: number, oH: number, dW: number, dH: number): ImageData;
+    /**
+     * hermiteFastResize
+     * @param {Object} canvasEl Canvas element to apply filter to
+     * @param {Number} oW Original Width
+     * @param {Number} oH Original Height
+     * @param {Number} dW Destination Width
+     * @param {Number} dH Destination Height
+     * @returns {ImageData}
+     */
+    hermiteFastResize(this: ResizeDuring2DResize, options: T2DPipelineState, oW: number, oH: number, dW: number, dH: number): ImageData;
+}
+export {};
+//# sourceMappingURL=Resize.d.ts.map

package/dist/src/filters/Resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resize.d.ts","sourceRoot":"","sources":["../../../src/filters/Resize.ts"],"names":[],"mappings":"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"}

package/dist/src/filters/Resize.min.mjs

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{BaseFilter as e}from"./BaseFilter.min.mjs";import{isWebGLPipelineState as a}from"./utils.min.mjs";import{classRegistry as s}from"../ClassRegistry.min.mjs";import{createCanvasElement as i}from"../util/misc/dom.min.mjs";const r={resizeType:"hermite",scaleX:1,scaleY:1,lanczosLobes:3};class o extends e{sendUniformData(t,e){t.uniform2fv(e.uDelta,this.horizontal?[1/this.width,0]:[0,1/this.height]),t.uniform1fv(e.uTaps,this.taps)}getFilterWindow(){const t=this.tempScale;return Math.ceil(this.lanczosLobes/t)}getCacheKey(){const t=this.getFilterWindow();return`${this.type}_${t}`}getFragmentSource(){const t=this.getFilterWindow();return this.generateShader(t)}getTaps(){const t=this.lanczosCreate(this.lanczosLobes),e=this.tempScale,a=this.getFilterWindow(),s=new Array(a);for(let i=1;i<=a;i++)s[i-1]=t(i*e);return s}generateShader(t){const e=new Array(t);for(let a=1;a<=t;a++)e[a-1]=`${a}.0 * uDelta`;return`\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec2 uDelta;\n      varying vec2 vTexCoord;\n      uniform float uTaps[${t}];\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        float sum = 1.0;\n        ${e.map((t,e)=>`\n              color += texture2D(uTexture, vTexCoord + ${t}) * uTaps[${e}] + texture2D(uTexture, vTexCoord - ${t}) * uTaps[${e}];\n              sum += 2.0 * uTaps[${e}];\n            `).join("\n")}\n        gl_FragColor = color / sum;\n      }\n    `}applyToForWebgl(t){t.passes++,this.width=t.sourceWidth,this.horizontal=!0,this.dW=Math.round(this.width*this.scaleX),this.dH=t.sourceHeight,this.tempScale=this.dW/this.width,this.taps=this.getTaps(),t.destinationWidth=this.dW,super.applyTo(t),t.sourceWidth=t.destinationWidth,this.height=t.sourceHeight,this.horizontal=!1,this.dH=Math.round(this.height*this.scaleY),this.tempScale=this.dH/this.height,this.taps=this.getTaps(),t.destinationHeight=this.dH,super.applyTo(t),t.sourceHeight=t.destinationHeight}applyTo(t){a(t)?this.applyToForWebgl(t):this.applyTo2d(t)}isNeutralState(){return 1===this.scaleX&&1===this.scaleY}lanczosCreate(t){return e=>{if(e>=t||e<=-t)return 0;if(e<1.1920929e-7&&e>-1.1920929e-7)return 1;const a=(e*=Math.PI)/t;return Math.sin(e)/e*Math.sin(a)/a}}applyTo2d(t){const e=t.imageData,a=this.scaleX,s=this.scaleY;this.rcpScaleX=1/a,this.rcpScaleY=1/s;const i=e.width,r=e.height,o=Math.round(i*a),h=Math.round(r*s);let l;l="sliceHack"===this.resizeType?this.sliceByTwo(t,i,r,o,h):"hermite"===this.resizeType?this.hermiteFastResize(t,i,r,o,h):"bilinear"===this.resizeType?this.bilinearFiltering(t,i,r,o,h):"lanczos"===this.resizeType?this.lanczosResize(t,i,r,o,h):new ImageData(o,h),t.imageData=l}sliceByTwo(t,e,a,s,r){const o=t.imageData,h=.5;let l=!1,n=!1,c=e*h,u=a*h;const p=t.filterBackend.resources;let m=0,d=0;const f=e;let g=0;p.sliceByTwo||(p.sliceByTwo=i());const M=p.sliceByTwo;(M.width<1.5*e||M.height<a)&&(M.width=1.5*e,M.height=a);const T=M.getContext("2d");for(T.clearRect(0,0,1.5*e,a),T.putImageData(o,0,0),s=Math.floor(s),r=Math.floor(r);!l||!n;)e=c,a=u,s<Math.floor(c*h)?c=Math.floor(c*h):(c=s,l=!0),r<Math.floor(u*h)?u=Math.floor(u*h):(u=r,n=!0),T.drawImage(M,m,d,e,a,f,g,c,u),m=f,d=g,g+=u;return T.getImageData(m,d,s,r)}lanczosResize(t,e,a,s,i){const r=t.imageData.data,o=t.ctx.createImageData(s,i),h=o.data,l=this.lanczosCreate(this.lanczosLobes),n=this.rcpScaleX,c=this.rcpScaleY,u=2/this.rcpScaleX,p=2/this.rcpScaleY,m=Math.ceil(n*this.lanczosLobes/2),d=Math.ceil(c*this.lanczosLobes/2),f={},g={x:0,y:0},M={x:0,y:0};return function t(T){let y,x,z,w,D,S,b,F,W,v,C;for(g.x=(T+.5)*n,M.x=Math.floor(g.x),y=0;y<i;y++){for(g.y=(y+.5)*c,M.y=Math.floor(g.y),D=0,S=0,b=0,F=0,W=0,x=M.x-m;x<=M.x+m;x++)if(!(x<0||x>=e)){v=Math.floor(1e3*Math.abs(x-g.x)),f[v]||(f[v]={});for(let t=M.y-d;t<=M.y+d;t++)t<0||t>=a||(C=Math.floor(1e3*Math.abs(t-g.y)),f[v][C]||(f[v][C]=l(Math.sqrt(Math.pow(v*u,2)+Math.pow(C*p,2))/1e3)),z=f[v][C],z>0&&(w=4*(t*e+x),D+=z,S+=z*r[w],b+=z*r[w+1],F+=z*r[w+2],W+=z*r[w+3]))}w=4*(y*s+T),h[w]=S/D,h[w+1]=b/D,h[w+2]=F/D,h[w+3]=W/D}return++T<s?t(T):o}(0)}bilinearFiltering(t,e,a,s,i){let r,o,h,l,n,c,u,p,m,d,f,g,M,T=0;const y=this.rcpScaleX,x=this.rcpScaleY,z=4*(e-1),w=t.imageData.data,D=t.ctx.createImageData(s,i),S=D.data;for(u=0;u<i;u++)for(p=0;p<s;p++)for(n=Math.floor(y*p),c=Math.floor(x*u),m=y*p-n,d=x*u-c,M=4*(c*e+n),f=0;f<4;f++)r=w[M+f],o=w[M+4+f],h=w[M+z+f],l=w[M+z+4+f],g=r*(1-m)*(1-d)+o*m*(1-d)+h*d*(1-m)+l*m*d,S[T++]=g;return D}hermiteFastResize(t,e,a,s,i){const r=this.rcpScaleX,o=this.rcpScaleY,h=Math.ceil(r/2),l=Math.ceil(o/2),n=t.imageData.data,c=t.ctx.createImageData(s,i),u=c.data;for(let t=0;t<i;t++)for(let a=0;a<s;a++){const i=4*(a+t*s);let c=0,p=0,m=0,d=0,f=0,g=0,M=0;const T=(t+.5)*o;for(let s=Math.floor(t*o);s<(t+1)*o;s++){const t=Math.abs(T-(s+.5))/l,i=(a+.5)*r,o=t*t;for(let t=Math.floor(a*r);t<(a+1)*r;t++){let a=Math.abs(i-(t+.5))/h;const r=Math.sqrt(o+a*a);r>1&&r<-1||(c=2*r*r*r-3*r*r+1,c>0&&(a=4*(t+s*e),M+=c*n[a+3],m+=c,n[a+3]<255&&(c=c*n[a+3]/250),d+=c*n[a],f+=c*n[a+1],g+=c*n[a+2],p+=c))}}u[i]=d/p,u[i+1]=f/p,u[i+2]=g/p,u[i+3]=M/m}return c}}t(o,"type","Resize"),t(o,"defaults",r),t(o,"uniformLocations",["uDelta","uTaps"]),s.setClass(o);export{o as Resize,r as resizeDefaultValues};
+//# sourceMappingURL=Resize.min.mjs.map

package/dist/src/filters/Resize.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resize.min.mjs","sources":["../../../src/filters/Resize.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  T2DPipelineState,\n  TWebGLPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport { classRegistry } from '../ClassRegistry';\nimport { createCanvasElement } from '../util/misc/dom';\nimport type { XY } from '../Point';\n\nexport type TResizeType = 'bilinear' | 'hermite' | 'sliceHack' | 'lanczos';\n\nexport type ResizeOwnProps = {\n  resizeType: TResizeType;\n  scaleX: number;\n  scaleY: number;\n  lanczosLobes: number;\n};\n\nexport type ResizeSerializedProps = ResizeOwnProps;\n\nexport const resizeDefaultValues: ResizeOwnProps = {\n  resizeType: 'hermite',\n  scaleX: 1,\n  scaleY: 1,\n  lanczosLobes: 3,\n};\n\ntype ResizeDuring2DResize = Resize & {\n  rcpScaleX: number;\n  rcpScaleY: number;\n};\n\ntype ResizeDuringWEBGLResize = Resize & {\n  rcpScaleX: number;\n  rcpScaleY: number;\n  horizontal: boolean;\n  width: number;\n  height: number;\n  taps: number[];\n  tempScale: number;\n  dH: number;\n  dW: number;\n};\n\n/**\n * Resize image filter class\n * @example\n * const filter = new Resize();\n * object.filters.push(filter);\n * object.applyFilters(canvas.renderAll.bind(canvas));\n */\nexport class Resize extends BaseFilter<'Resize', ResizeOwnProps> {\n  /**\n   * Resize type\n   * for webgl resizeType is just lanczos, for canvas2d can be:\n   * bilinear, hermite, sliceHack, lanczos.\n   */\n  declare resizeType: ResizeOwnProps['resizeType'];\n\n  /**\n   * Scale factor for resizing, x axis\n   * @param {Number} scaleX\n   */\n  declare scaleX: ResizeOwnProps['scaleX'];\n\n  /**\n   * Scale factor for resizing, y axis\n   * @param {Number} scaleY\n   */\n  declare scaleY: ResizeOwnProps['scaleY'];\n\n  /**\n   * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos\n   * @param {Number} lanczosLobes\n   */\n  declare lanczosLobes: ResizeOwnProps['lanczosLobes'];\n\n  static type = 'Resize';\n\n  static defaults = resizeDefaultValues;\n\n  static uniformLocations = ['uDelta', 'uTaps'];\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    this: ResizeDuringWEBGLResize,\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    gl.uniform2fv(\n      uniformLocations.uDelta,\n      this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height],\n    );\n    gl.uniform1fv(uniformLocations.uTaps, this.taps);\n  }\n\n  getFilterWindow(this: ResizeDuringWEBGLResize) {\n    const scale = this.tempScale;\n    return Math.ceil(this.lanczosLobes / scale);\n  }\n\n  getCacheKey(this: ResizeDuringWEBGLResize): string {\n    const filterWindow = this.getFilterWindow();\n    return `${this.type}_${filterWindow}`;\n  }\n\n  getFragmentSource(this: ResizeDuringWEBGLResize): string {\n    const filterWindow = this.getFilterWindow();\n    return this.generateShader(filterWindow);\n  }\n\n  getTaps(this: ResizeDuringWEBGLResize) {\n    const lobeFunction = this.lanczosCreate(this.lanczosLobes),\n      scale = this.tempScale,\n      filterWindow = this.getFilterWindow(),\n      taps = new Array(filterWindow);\n    for (let i = 1; i <= filterWindow; i++) {\n      taps[i - 1] = lobeFunction(i * scale);\n    }\n    return taps;\n  }\n\n  /**\n   * Generate vertex and shader sources from the necessary steps numbers\n   * @param {Number} filterWindow\n   */\n  generateShader(filterWindow: number) {\n    const offsets = new Array(filterWindow);\n    for (let i = 1; i <= filterWindow; i++) {\n      offsets[i - 1] = `${i}.0 * uDelta`;\n    }\n    return `\n      precision highp float;\n      uniform sampler2D uTexture;\n      uniform vec2 uDelta;\n      varying vec2 vTexCoord;\n      uniform float uTaps[${filterWindow}];\n      void main() {\n        vec4 color = texture2D(uTexture, vTexCoord);\n        float sum = 1.0;\n        ${offsets\n          .map(\n            (offset, i) => `\n              color += texture2D(uTexture, vTexCoord + ${offset}) * uTaps[${i}] + texture2D(uTexture, vTexCoord - ${offset}) * uTaps[${i}];\n              sum += 2.0 * uTaps[${i}];\n            `,\n          )\n          .join('\\n')}\n        gl_FragColor = color / sum;\n      }\n    `;\n  }\n\n  applyToForWebgl(this: ResizeDuringWEBGLResize, options: TWebGLPipelineState) {\n    options.passes++;\n    this.width = options.sourceWidth;\n    this.horizontal = true;\n    this.dW = Math.round(this.width * this.scaleX);\n    this.dH = options.sourceHeight;\n    this.tempScale = this.dW / this.width;\n    this.taps = this.getTaps();\n    options.destinationWidth = this.dW;\n    super.applyTo(options);\n    options.sourceWidth = options.destinationWidth;\n\n    this.height = options.sourceHeight;\n    this.horizontal = false;\n    this.dH = Math.round(this.height * this.scaleY);\n    this.tempScale = this.dH / this.height;\n    this.taps = this.getTaps();\n    options.destinationHeight = this.dH;\n    super.applyTo(options);\n    options.sourceHeight = options.destinationHeight;\n  }\n\n  /**\n   * Apply the resize filter to the image\n   * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.\n   *\n   * @param {Object} options\n   * @param {Number} options.passes The number of filters remaining to be executed\n   * @param {Boolean} options.webgl Whether to use webgl to render the filter.\n   * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.\n   * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.\n   * @param {WebGLRenderingContext} options.context The GL context used for rendering.\n   * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\n   */\n  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      (this as unknown as ResizeDuringWEBGLResize).applyToForWebgl(options);\n    } else {\n      (this as unknown as ResizeDuring2DResize).applyTo2d(options);\n    }\n  }\n\n  isNeutralState() {\n    return this.scaleX === 1 && this.scaleY === 1;\n  }\n\n  lanczosCreate(lobes: number) {\n    return (x: number) => {\n      if (x >= lobes || x <= -lobes) {\n        return 0.0;\n      }\n      if (x < 1.1920929e-7 && x > -1.1920929e-7) {\n        return 1.0;\n      }\n      x *= Math.PI;\n      const xx = x / lobes;\n      return ((Math.sin(x) / x) * Math.sin(xx)) / xx;\n    };\n  }\n\n  applyTo2d(this: ResizeDuring2DResize, options: T2DPipelineState) {\n    const imageData = options.imageData,\n      scaleX = this.scaleX,\n      scaleY = this.scaleY;\n\n    this.rcpScaleX = 1 / scaleX;\n    this.rcpScaleY = 1 / scaleY;\n\n    const oW = imageData.width;\n    const oH = imageData.height;\n    const dW = Math.round(oW * scaleX);\n    const dH = Math.round(oH * scaleY);\n    let newData: ImageData;\n\n    if (this.resizeType === 'sliceHack') {\n      newData = this.sliceByTwo(options, oW, oH, dW, dH);\n    } else if (this.resizeType === 'hermite') {\n      newData = this.hermiteFastResize(options, oW, oH, dW, dH);\n    } else if (this.resizeType === 'bilinear') {\n      newData = this.bilinearFiltering(options, oW, oH, dW, dH);\n    } else if (this.resizeType === 'lanczos') {\n      newData = this.lanczosResize(options, oW, oH, dW, dH);\n    } else {\n      // this should never trigger, is here just for safety net.\n      newData = new ImageData(dW, dH);\n    }\n    options.imageData = newData;\n  }\n\n  /**\n   * Filter sliceByTwo\n   * @param {Object} canvasEl Canvas element to apply filter to\n   * @param {Number} oW Original Width\n   * @param {Number} oH Original Height\n   * @param {Number} dW Destination Width\n   * @param {Number} dH Destination Height\n   * @returns {ImageData}\n   */\n  sliceByTwo(\n    options: T2DPipelineState,\n    oW: number,\n    oH: number,\n    dW: number,\n    dH: number,\n  ) {\n    const imageData = options.imageData;\n    const mult = 0.5;\n    let doneW = false;\n    let doneH = false;\n    let stepW = oW * mult;\n    let stepH = oH * mult;\n    const resources = options.filterBackend.resources;\n    let sX = 0;\n    let sY = 0;\n    const dX = oW;\n    let dY = 0;\n    if (!resources.sliceByTwo) {\n      resources.sliceByTwo = createCanvasElement();\n    }\n    const tmpCanvas = resources.sliceByTwo;\n    if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) {\n      tmpCanvas.width = oW * 1.5;\n      tmpCanvas.height = oH;\n    }\n    const ctx = tmpCanvas.getContext('2d')!;\n    ctx.clearRect(0, 0, oW * 1.5, oH);\n    ctx.putImageData(imageData, 0, 0);\n\n    dW = Math.floor(dW);\n    dH = Math.floor(dH);\n\n    while (!doneW || !doneH) {\n      oW = stepW;\n      oH = stepH;\n      if (dW < Math.floor(stepW * mult)) {\n        stepW = Math.floor(stepW * mult);\n      } else {\n        stepW = dW;\n        doneW = true;\n      }\n      if (dH < Math.floor(stepH * mult)) {\n        stepH = Math.floor(stepH * mult);\n      } else {\n        stepH = dH;\n        doneH = true;\n      }\n      ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH);\n      sX = dX;\n      sY = dY;\n      dY += stepH;\n    }\n    return ctx.getImageData(sX, sY, dW, dH);\n  }\n\n  /**\n   * Filter lanczosResize\n   * @param {Object} canvasEl Canvas element to apply filter to\n   * @param {Number} oW Original Width\n   * @param {Number} oH Original Height\n   * @param {Number} dW Destination Width\n   * @param {Number} dH Destination Height\n   * @returns {ImageData}\n   */\n  lanczosResize(\n    this: ResizeDuring2DResize,\n    options: T2DPipelineState,\n    oW: number,\n    oH: number,\n    dW: number,\n    dH: number,\n  ): ImageData {\n    function process(u: number): ImageData {\n      let v, i, weight, idx, a, red, green, blue, alpha, fX, fY;\n      center.x = (u + 0.5) * ratioX;\n      icenter.x = Math.floor(center.x);\n      for (v = 0; v < dH; v++) {\n        center.y = (v + 0.5) * ratioY;\n        icenter.y = Math.floor(center.y);\n        a = 0;\n        red = 0;\n        green = 0;\n        blue = 0;\n        alpha = 0;\n        for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) {\n          if (i < 0 || i >= oW) {\n            continue;\n          }\n          fX = Math.floor(1000 * Math.abs(i - center.x));\n          if (!cacheLanc[fX]) {\n            cacheLanc[fX] = {};\n          }\n          for (let j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) {\n            if (j < 0 || j >= oH) {\n              continue;\n            }\n            fY = Math.floor(1000 * Math.abs(j - center.y));\n            if (!cacheLanc[fX][fY]) {\n              cacheLanc[fX][fY] = lanczos(\n                Math.sqrt(\n                  Math.pow(fX * rcpRatioX, 2) + Math.pow(fY * rcpRatioY, 2),\n                ) / 1000,\n              );\n            }\n            weight = cacheLanc[fX][fY];\n            if (weight > 0) {\n              idx = (j * oW + i) * 4;\n              a += weight;\n              red += weight * srcData[idx];\n              green += weight * srcData[idx + 1];\n              blue += weight * srcData[idx + 2];\n              alpha += weight * srcData[idx + 3];\n            }\n          }\n        }\n        idx = (v * dW + u) * 4;\n        destData[idx] = red / a;\n        destData[idx + 1] = green / a;\n        destData[idx + 2] = blue / a;\n        destData[idx + 3] = alpha / a;\n      }\n\n      if (++u < dW) {\n        return process(u);\n      } else {\n        return destImg;\n      }\n    }\n\n    const srcData = options.imageData.data,\n      destImg = options.ctx.createImageData(dW, dH),\n      destData = destImg.data,\n      lanczos = this.lanczosCreate(this.lanczosLobes),\n      ratioX = this.rcpScaleX,\n      ratioY = this.rcpScaleY,\n      rcpRatioX = 2 / this.rcpScaleX,\n      rcpRatioY = 2 / this.rcpScaleY,\n      range2X = Math.ceil((ratioX * this.lanczosLobes) / 2),\n      range2Y = Math.ceil((ratioY * this.lanczosLobes) / 2),\n      cacheLanc: Record<number, Record<number, number>> = {},\n      center: XY = { x: 0, y: 0 },\n      icenter: XY = { x: 0, y: 0 };\n\n    return process(0);\n  }\n\n  /**\n   * bilinearFiltering\n   * @param {Object} canvasEl Canvas element to apply filter to\n   * @param {Number} oW Original Width\n   * @param {Number} oH Original Height\n   * @param {Number} dW Destination Width\n   * @param {Number} dH Destination Height\n   * @returns {ImageData}\n   */\n  bilinearFiltering(\n    this: ResizeDuring2DResize,\n    options: T2DPipelineState,\n    oW: number,\n    oH: number,\n    dW: number,\n    dH: number,\n  ) {\n    let a;\n    let b;\n    let c;\n    let d;\n    let x;\n    let y;\n    let i;\n    let j;\n    let xDiff;\n    let yDiff;\n    let chnl;\n    let color;\n    let offset = 0;\n    let origPix;\n    const ratioX = this.rcpScaleX;\n    const ratioY = this.rcpScaleY;\n    const w4 = 4 * (oW - 1);\n    const img = options.imageData;\n    const pixels = img.data;\n    const destImage = options.ctx.createImageData(dW, dH);\n    const destPixels = destImage.data;\n    for (i = 0; i < dH; i++) {\n      for (j = 0; j < dW; j++) {\n        x = Math.floor(ratioX * j);\n        y = Math.floor(ratioY * i);\n        xDiff = ratioX * j - x;\n        yDiff = ratioY * i - y;\n        origPix = 4 * (y * oW + x);\n\n        for (chnl = 0; chnl < 4; chnl++) {\n          a = pixels[origPix + chnl];\n          b = pixels[origPix + 4 + chnl];\n          c = pixels[origPix + w4 + chnl];\n          d = pixels[origPix + w4 + 4 + chnl];\n          color =\n            a * (1 - xDiff) * (1 - yDiff) +\n            b * xDiff * (1 - yDiff) +\n            c * yDiff * (1 - xDiff) +\n            d * xDiff * yDiff;\n          destPixels[offset++] = color;\n        }\n      }\n    }\n    return destImage;\n  }\n\n  /**\n   * hermiteFastResize\n   * @param {Object} canvasEl Canvas element to apply filter to\n   * @param {Number} oW Original Width\n   * @param {Number} oH Original Height\n   * @param {Number} dW Destination Width\n   * @param {Number} dH Destination Height\n   * @returns {ImageData}\n   */\n  hermiteFastResize(\n    this: ResizeDuring2DResize,\n    options: T2DPipelineState,\n    oW: number,\n    oH: number,\n    dW: number,\n    dH: number,\n  ) {\n    const ratioW = this.rcpScaleX,\n      ratioH = this.rcpScaleY,\n      ratioWHalf = Math.ceil(ratioW / 2),\n      ratioHHalf = Math.ceil(ratioH / 2),\n      img = options.imageData,\n      data = img.data,\n      img2 = options.ctx.createImageData(dW, dH),\n      data2 = img2.data;\n    for (let j = 0; j < dH; j++) {\n      for (let i = 0; i < dW; i++) {\n        const x2 = (i + j * dW) * 4;\n        let weight = 0;\n        let weights = 0;\n        let weightsAlpha = 0;\n        let gxR = 0;\n        let gxG = 0;\n        let gxB = 0;\n        let gxA = 0;\n        const centerY = (j + 0.5) * ratioH;\n        for (let yy = Math.floor(j * ratioH); yy < (j + 1) * ratioH; yy++) {\n          const dy = Math.abs(centerY - (yy + 0.5)) / ratioHHalf,\n            centerX = (i + 0.5) * ratioW,\n            w0 = dy * dy;\n          for (let xx = Math.floor(i * ratioW); xx < (i + 1) * ratioW; xx++) {\n            let dx = Math.abs(centerX - (xx + 0.5)) / ratioWHalf;\n            const w = Math.sqrt(w0 + dx * dx);\n            /* eslint-disable max-depth */\n            if (w > 1 && w < -1) {\n              continue;\n            }\n            //hermite filter\n            weight = 2 * w * w * w - 3 * w * w + 1;\n            if (weight > 0) {\n              dx = 4 * (xx + yy * oW);\n              //alpha\n              gxA += weight * data[dx + 3];\n              weightsAlpha += weight;\n              //colors\n              if (data[dx + 3] < 255) {\n                weight = (weight * data[dx + 3]) / 250;\n              }\n              gxR += weight * data[dx];\n              gxG += weight * data[dx + 1];\n              gxB += weight * data[dx + 2];\n              weights += weight;\n            }\n            /* eslint-enable max-depth */\n          }\n        }\n        data2[x2] = gxR / weights;\n        data2[x2 + 1] = gxG / weights;\n        data2[x2 + 2] = gxB / weights;\n        data2[x2 + 3] = gxA / weightsAlpha;\n      }\n    }\n    return img2;\n  }\n}\n\nclassRegistry.setClass(Resize);\n"],"names":["resizeDefaultValues","resizeType","scaleX","scaleY","lanczosLobes","Resize","BaseFilter","sendUniformData","gl","uniformLocations","uniform2fv","uDelta","this","horizontal","width","height","uniform1fv","uTaps","taps","getFilterWindow","scale","tempScale","Math","ceil","getCacheKey","filterWindow","type","getFragmentSource","generateShader","getTaps","lobeFunction","lanczosCreate","Array","i","offsets","map","offset","join","applyToForWebgl","options","passes","sourceWidth","dW","round","dH","sourceHeight","destinationWidth","super","applyTo","destinationHeight","isWebGLPipelineState","applyTo2d","isNeutralState","lobes","x","xx","PI","sin","imageData","rcpScaleX","rcpScaleY","oW","oH","newData","sliceByTwo","hermiteFastResize","bilinearFiltering","lanczosResize","ImageData","mult","doneW","doneH","stepW","stepH","resources","filterBackend","sX","sY","dX","dY","createCanvasElement","tmpCanvas","ctx","getContext","clearRect","putImageData","floor","drawImage","getImageData","srcData","data","destImg","createImageData","destData","lanczos","ratioX","ratioY","rcpRatioX","rcpRatioY","range2X","range2Y","cacheLanc","center","y","icenter","process","u","v","weight","idx","a","red","green","blue","alpha","fX","fY","abs","j","sqrt","pow","b","c","d","xDiff","yDiff","chnl","color","origPix","w4","pixels","destImage","destPixels","ratioW","ratioH","ratioWHalf","ratioHHalf","img2","data2","x2","weights","weightsAlpha","gxR","gxG","gxB","gxA","centerY","yy","dy","centerX","w0","dx","w","_defineProperty","classRegistry","setClass"],"mappings":"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"}

package/dist/src/filters/Resize.mjs

@@ -0,0 +1,444 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { BaseFilter } from './BaseFilter.mjs';
+import { isWebGLPipelineState } from './utils.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { createCanvasElement } from '../util/misc/dom.mjs';
+
+const resizeDefaultValues = {
+  resizeType: 'hermite',
+  scaleX: 1,
+  scaleY: 1,
+  lanczosLobes: 3
+};
+/**
+ * Resize image filter class
+ * @example
+ * const filter = new Resize();
+ * object.filters.push(filter);
+ * object.applyFilters(canvas.renderAll.bind(canvas));
+ */
+class Resize extends BaseFilter {
+  /**
+   * 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(gl, uniformLocations) {
+    gl.uniform2fv(uniformLocations.uDelta, this.horizontal ? [1 / this.width, 0] : [0, 1 / this.height]);
+    gl.uniform1fv(uniformLocations.uTaps, this.taps);
+  }
+  getFilterWindow() {
+    const scale = this.tempScale;
+    return Math.ceil(this.lanczosLobes / scale);
+  }
+  getCacheKey() {
+    const filterWindow = this.getFilterWindow();
+    return `${this.type}_${filterWindow}`;
+  }
+  getFragmentSource() {
+    const filterWindow = this.getFilterWindow();
+    return this.generateShader(filterWindow);
+  }
+  getTaps() {
+    const lobeFunction = this.lanczosCreate(this.lanczosLobes),
+      scale = this.tempScale,
+      filterWindow = this.getFilterWindow(),
+      taps = new Array(filterWindow);
+    for (let i = 1; i <= filterWindow; i++) {
+      taps[i - 1] = lobeFunction(i * scale);
+    }
+    return taps;
+  }
+
+  /**
+   * Generate vertex and shader sources from the necessary steps numbers
+   * @param {Number} filterWindow
+   */
+  generateShader(filterWindow) {
+    const offsets = new Array(filterWindow);
+    for (let i = 1; i <= filterWindow; i++) {
+      offsets[i - 1] = `${i}.0 * uDelta`;
+    }
+    return `
+      precision highp float;
+      uniform sampler2D uTexture;
+      uniform vec2 uDelta;
+      varying vec2 vTexCoord;
+      uniform float uTaps[${filterWindow}];
+      void main() {
+        vec4 color = texture2D(uTexture, vTexCoord);
+        float sum = 1.0;
+        ${offsets.map((offset, i) => `
+              color += texture2D(uTexture, vTexCoord + ${offset}) * uTaps[${i}] + texture2D(uTexture, vTexCoord - ${offset}) * uTaps[${i}];
+              sum += 2.0 * uTaps[${i}];
+            `).join('\n')}
+        gl_FragColor = color / sum;
+      }
+    `;
+  }
+  applyToForWebgl(options) {
+    options.passes++;
+    this.width = options.sourceWidth;
+    this.horizontal = true;
+    this.dW = Math.round(this.width * this.scaleX);
+    this.dH = options.sourceHeight;
+    this.tempScale = this.dW / this.width;
+    this.taps = this.getTaps();
+    options.destinationWidth = this.dW;
+    super.applyTo(options);
+    options.sourceWidth = options.destinationWidth;
+    this.height = options.sourceHeight;
+    this.horizontal = false;
+    this.dH = Math.round(this.height * this.scaleY);
+    this.tempScale = this.dH / this.height;
+    this.taps = this.getTaps();
+    options.destinationHeight = this.dH;
+    super.applyTo(options);
+    options.sourceHeight = options.destinationHeight;
+  }
+
+  /**
+   * Apply the resize filter to the image
+   * Determines whether to use WebGL or Canvas2D based on the options.webgl flag.
+   *
+   * @param {Object} options
+   * @param {Number} options.passes The number of filters remaining to be executed
+   * @param {Boolean} options.webgl Whether to use webgl to render the filter.
+   * @param {WebGLTexture} options.sourceTexture The texture setup as the source to be filtered.
+   * @param {WebGLTexture} options.targetTexture The texture where filtered output should be drawn.
+   * @param {WebGLRenderingContext} options.context The GL context used for rendering.
+   * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.
+   */
+  applyTo(options) {
+    if (isWebGLPipelineState(options)) {
+      this.applyToForWebgl(options);
+    } else {
+      this.applyTo2d(options);
+    }
+  }
+  isNeutralState() {
+    return this.scaleX === 1 && this.scaleY === 1;
+  }
+  lanczosCreate(lobes) {
+    return x => {
+      if (x >= lobes || x <= -lobes) {
+        return 0.0;
+      }
+      if (x < 1.1920929e-7 && x > -1.1920929e-7) {
+        return 1.0;
+      }
+      x *= Math.PI;
+      const xx = x / lobes;
+      return Math.sin(x) / x * Math.sin(xx) / xx;
+    };
+  }
+  applyTo2d(options) {
+    const imageData = options.imageData,
+      scaleX = this.scaleX,
+      scaleY = this.scaleY;
+    this.rcpScaleX = 1 / scaleX;
+    this.rcpScaleY = 1 / scaleY;
+    const oW = imageData.width;
+    const oH = imageData.height;
+    const dW = Math.round(oW * scaleX);
+    const dH = Math.round(oH * scaleY);
+    let newData;
+    if (this.resizeType === 'sliceHack') {
+      newData = this.sliceByTwo(options, oW, oH, dW, dH);
+    } else if (this.resizeType === 'hermite') {
+      newData = this.hermiteFastResize(options, oW, oH, dW, dH);
+    } else if (this.resizeType === 'bilinear') {
+      newData = this.bilinearFiltering(options, oW, oH, dW, dH);
+    } else if (this.resizeType === 'lanczos') {
+      newData = this.lanczosResize(options, oW, oH, dW, dH);
+    } else {
+      // this should never trigger, is here just for safety net.
+      newData = new ImageData(dW, dH);
+    }
+    options.imageData = newData;
+  }
+
+  /**
+   * Filter sliceByTwo
+   * @param {Object} canvasEl Canvas element to apply filter to
+   * @param {Number} oW Original Width
+   * @param {Number} oH Original Height
+   * @param {Number} dW Destination Width
+   * @param {Number} dH Destination Height
+   * @returns {ImageData}
+   */
+  sliceByTwo(options, oW, oH, dW, dH) {
+    const imageData = options.imageData;
+    const mult = 0.5;
+    let doneW = false;
+    let doneH = false;
+    let stepW = oW * mult;
+    let stepH = oH * mult;
+    const resources = options.filterBackend.resources;
+    let sX = 0;
+    let sY = 0;
+    const dX = oW;
+    let dY = 0;
+    if (!resources.sliceByTwo) {
+      resources.sliceByTwo = createCanvasElement();
+    }
+    const tmpCanvas = resources.sliceByTwo;
+    if (tmpCanvas.width < oW * 1.5 || tmpCanvas.height < oH) {
+      tmpCanvas.width = oW * 1.5;
+      tmpCanvas.height = oH;
+    }
+    const ctx = tmpCanvas.getContext('2d');
+    ctx.clearRect(0, 0, oW * 1.5, oH);
+    ctx.putImageData(imageData, 0, 0);
+    dW = Math.floor(dW);
+    dH = Math.floor(dH);
+    while (!doneW || !doneH) {
+      oW = stepW;
+      oH = stepH;
+      if (dW < Math.floor(stepW * mult)) {
+        stepW = Math.floor(stepW * mult);
+      } else {
+        stepW = dW;
+        doneW = true;
+      }
+      if (dH < Math.floor(stepH * mult)) {
+        stepH = Math.floor(stepH * mult);
+      } else {
+        stepH = dH;
+        doneH = true;
+      }
+      ctx.drawImage(tmpCanvas, sX, sY, oW, oH, dX, dY, stepW, stepH);
+      sX = dX;
+      sY = dY;
+      dY += stepH;
+    }
+    return ctx.getImageData(sX, sY, dW, dH);
+  }
+
+  /**
+   * Filter lanczosResize
+   * @param {Object} canvasEl Canvas element to apply filter to
+   * @param {Number} oW Original Width
+   * @param {Number} oH Original Height
+   * @param {Number} dW Destination Width
+   * @param {Number} dH Destination Height
+   * @returns {ImageData}
+   */
+  lanczosResize(options, oW, oH, dW, dH) {
+    function process(u) {
+      let v, i, weight, idx, a, red, green, blue, alpha, fX, fY;
+      center.x = (u + 0.5) * ratioX;
+      icenter.x = Math.floor(center.x);
+      for (v = 0; v < dH; v++) {
+        center.y = (v + 0.5) * ratioY;
+        icenter.y = Math.floor(center.y);
+        a = 0;
+        red = 0;
+        green = 0;
+        blue = 0;
+        alpha = 0;
+        for (i = icenter.x - range2X; i <= icenter.x + range2X; i++) {
+          if (i < 0 || i >= oW) {
+            continue;
+          }
+          fX = Math.floor(1000 * Math.abs(i - center.x));
+          if (!cacheLanc[fX]) {
+            cacheLanc[fX] = {};
+          }
+          for (let j = icenter.y - range2Y; j <= icenter.y + range2Y; j++) {
+            if (j < 0 || j >= oH) {
+              continue;
+            }
+            fY = Math.floor(1000 * Math.abs(j - center.y));
+            if (!cacheLanc[fX][fY]) {
+              cacheLanc[fX][fY] = lanczos(Math.sqrt(Math.pow(fX * rcpRatioX, 2) + Math.pow(fY * rcpRatioY, 2)) / 1000);
+            }
+            weight = cacheLanc[fX][fY];
+            if (weight > 0) {
+              idx = (j * oW + i) * 4;
+              a += weight;
+              red += weight * srcData[idx];
+              green += weight * srcData[idx + 1];
+              blue += weight * srcData[idx + 2];
+              alpha += weight * srcData[idx + 3];
+            }
+          }
+        }
+        idx = (v * dW + u) * 4;
+        destData[idx] = red / a;
+        destData[idx + 1] = green / a;
+        destData[idx + 2] = blue / a;
+        destData[idx + 3] = alpha / a;
+      }
+      if (++u < dW) {
+        return process(u);
+      } else {
+        return destImg;
+      }
+    }
+    const srcData = options.imageData.data,
+      destImg = options.ctx.createImageData(dW, dH),
+      destData = destImg.data,
+      lanczos = this.lanczosCreate(this.lanczosLobes),
+      ratioX = this.rcpScaleX,
+      ratioY = this.rcpScaleY,
+      rcpRatioX = 2 / this.rcpScaleX,
+      rcpRatioY = 2 / this.rcpScaleY,
+      range2X = Math.ceil(ratioX * this.lanczosLobes / 2),
+      range2Y = Math.ceil(ratioY * this.lanczosLobes / 2),
+      cacheLanc = {},
+      center = {
+        x: 0,
+        y: 0
+      },
+      icenter = {
+        x: 0,
+        y: 0
+      };
+    return process(0);
+  }
+
+  /**
+   * bilinearFiltering
+   * @param {Object} canvasEl Canvas element to apply filter to
+   * @param {Number} oW Original Width
+   * @param {Number} oH Original Height
+   * @param {Number} dW Destination Width
+   * @param {Number} dH Destination Height
+   * @returns {ImageData}
+   */
+  bilinearFiltering(options, oW, oH, dW, dH) {
+    let a;
+    let b;
+    let c;
+    let d;
+    let x;
+    let y;
+    let i;
+    let j;
+    let xDiff;
+    let yDiff;
+    let chnl;
+    let color;
+    let offset = 0;
+    let origPix;
+    const ratioX = this.rcpScaleX;
+    const ratioY = this.rcpScaleY;
+    const w4 = 4 * (oW - 1);
+    const img = options.imageData;
+    const pixels = img.data;
+    const destImage = options.ctx.createImageData(dW, dH);
+    const destPixels = destImage.data;
+    for (i = 0; i < dH; i++) {
+      for (j = 0; j < dW; j++) {
+        x = Math.floor(ratioX * j);
+        y = Math.floor(ratioY * i);
+        xDiff = ratioX * j - x;
+        yDiff = ratioY * i - y;
+        origPix = 4 * (y * oW + x);
+        for (chnl = 0; chnl < 4; chnl++) {
+          a = pixels[origPix + chnl];
+          b = pixels[origPix + 4 + chnl];
+          c = pixels[origPix + w4 + chnl];
+          d = pixels[origPix + w4 + 4 + chnl];
+          color = a * (1 - xDiff) * (1 - yDiff) + b * xDiff * (1 - yDiff) + c * yDiff * (1 - xDiff) + d * xDiff * yDiff;
+          destPixels[offset++] = color;
+        }
+      }
+    }
+    return destImage;
+  }
+
+  /**
+   * hermiteFastResize
+   * @param {Object} canvasEl Canvas element to apply filter to
+   * @param {Number} oW Original Width
+   * @param {Number} oH Original Height
+   * @param {Number} dW Destination Width
+   * @param {Number} dH Destination Height
+   * @returns {ImageData}
+   */
+  hermiteFastResize(options, oW, oH, dW, dH) {
+    const ratioW = this.rcpScaleX,
+      ratioH = this.rcpScaleY,
+      ratioWHalf = Math.ceil(ratioW / 2),
+      ratioHHalf = Math.ceil(ratioH / 2),
+      img = options.imageData,
+      data = img.data,
+      img2 = options.ctx.createImageData(dW, dH),
+      data2 = img2.data;
+    for (let j = 0; j < dH; j++) {
+      for (let i = 0; i < dW; i++) {
+        const x2 = (i + j * dW) * 4;
+        let weight = 0;
+        let weights = 0;
+        let weightsAlpha = 0;
+        let gxR = 0;
+        let gxG = 0;
+        let gxB = 0;
+        let gxA = 0;
+        const centerY = (j + 0.5) * ratioH;
+        for (let yy = Math.floor(j * ratioH); yy < (j + 1) * ratioH; yy++) {
+          const dy = Math.abs(centerY - (yy + 0.5)) / ratioHHalf,
+            centerX = (i + 0.5) * ratioW,
+            w0 = dy * dy;
+          for (let xx = Math.floor(i * ratioW); xx < (i + 1) * ratioW; xx++) {
+            let dx = Math.abs(centerX - (xx + 0.5)) / ratioWHalf;
+            const w = Math.sqrt(w0 + dx * dx);
+            /* eslint-disable max-depth */
+            if (w > 1 && w < -1) {
+              continue;
+            }
+            //hermite filter
+            weight = 2 * w * w * w - 3 * w * w + 1;
+            if (weight > 0) {
+              dx = 4 * (xx + yy * oW);
+              //alpha
+              gxA += weight * data[dx + 3];
+              weightsAlpha += weight;
+              //colors
+              if (data[dx + 3] < 255) {
+                weight = weight * data[dx + 3] / 250;
+              }
+              gxR += weight * data[dx];
+              gxG += weight * data[dx + 1];
+              gxB += weight * data[dx + 2];
+              weights += weight;
+            }
+            /* eslint-enable max-depth */
+          }
+        }
+        data2[x2] = gxR / weights;
+        data2[x2 + 1] = gxG / weights;
+        data2[x2 + 2] = gxB / weights;
+        data2[x2 + 3] = gxA / weightsAlpha;
+      }
+    }
+    return img2;
+  }
+}
+/**
+ * Resize type
+ * for webgl resizeType is just lanczos, for canvas2d can be:
+ * bilinear, hermite, sliceHack, lanczos.
+ */
+/**
+ * Scale factor for resizing, x axis
+ * @param {Number} scaleX
+ */
+/**
+ * Scale factor for resizing, y axis
+ * @param {Number} scaleY
+ */
+/**
+ * LanczosLobes parameter for lanczos filter, valid for resizeType lanczos
+ * @param {Number} lanczosLobes
+ */
+_defineProperty(Resize, "type", 'Resize');
+_defineProperty(Resize, "defaults", resizeDefaultValues);
+_defineProperty(Resize, "uniformLocations", ['uDelta', 'uTaps']);
+classRegistry.setClass(Resize);
+
+export { Resize, resizeDefaultValues };
+//# sourceMappingURL=Resize.mjs.map