Resize

Resize image filter class

Example

const filter = new Resize();
object.filters.push(filter);
object.applyFilters(canvas.renderAll.bind(canvas));

Extends

BaseFilter<"Resize", ResizeOwnProps>

Constructors

new Resize()

new Resize(options?): Resize

Defined in: src/filters/BaseFilter.ts:57

Constructor

Parameters

options?

object & Partial<ResizeOwnProps> & Record<string, any> = {}

Options object

Returns

Resize

Inherited from

BaseFilter.constructor

Properties

lanczosLobes

lanczosLobes: number

Defined in: src/filters/Resize.ts:80

LanczosLobes parameter for lanczos filter, valid for resizeType lanczos

Param

Default

resizeType

resizeType: TResizeType

Defined in: src/filters/Resize.ts:59

Resize type for webgl resizeType is just lanczos, for canvas2d can be: bilinear, hermite, sliceHack, lanczos.

Default

scaleX

scaleX: number

Defined in: src/filters/Resize.ts:66

Scale factor for resizing, x axis

Param

Default

scaleY

scaleY: number

Defined in: src/filters/Resize.ts:73

Scale factor for resizing, y axis

Param

Default

defaults

static defaults: ResizeOwnProps = resizeDefaultValues

Defined in: src/filters/Resize.ts:84

Overrides

BaseFilter.defaults

type

static type: string = 'Resize'

Defined in: src/filters/Resize.ts:82

The class type. Used to identify which class this is. This is used for serialization purposes and internally it can be used to identify classes. As a developer you could use instance of Class but to avoid importing all the code and blocking tree shaking we try to avoid doing that.

Overrides

BaseFilter.type

uniformLocations

static uniformLocations: string[]

Defined in: src/filters/Resize.ts:86

Contains the uniform locations for the fragment shader. uStepW and uStepH are handled by the BaseFilter, each filter class needs to specify all the one that are needed

Overrides

BaseFilter.uniformLocations

Accessors

type

Get Signature

get type(): Name

Defined in: src/filters/BaseFilter.ts:31

Filter type

Default

Returns

Name

Inherited from

BaseFilter.type

Methods

_setupFrameBuffer()

_setupFrameBuffer(options): void

Defined in: src/filters/BaseFilter.ts:205

Parameters

options

TWebGLPipelineState

Returns

void

Inherited from

BaseFilter._setupFrameBuffer

_swapTextures()

_swapTextures(options): void

Defined in: src/filters/BaseFilter.ts:232

Parameters

options

TWebGLPipelineState

Returns

void

Inherited from

BaseFilter._swapTextures

applyTo()

applyTo(options): void

Defined in: src/filters/Resize.ts:197

Apply the resize filter to the image Determines whether to use WebGL or Canvas2D based on the options.webgl flag.

Parameters

options

TWebGLPipelineState | T2DPipelineState

Returns

void

Overrides

BaseFilter.applyTo

applyTo2d()

applyTo2d(this, options): void

Defined in: src/filters/Resize.ts:223

Parameters

this

ResizeDuring2DResize

options

T2DPipelineState

Returns

void

Overrides

BaseFilter.applyTo2d

applyToForWebgl()

applyToForWebgl(this, options): void

Defined in: src/filters/Resize.ts:163

Parameters

this

ResizeDuringWEBGLResize

options

TWebGLPipelineState

Returns

void

applyToWebGL()

applyToWebGL(options): void

Defined in: src/filters/BaseFilter.ts:315

Apply this filter using webgl.

Parameters

options

TWebGLPipelineState

Returns

void

Inherited from

BaseFilter.applyToWebGL

bilinearFiltering()

bilinearFiltering(this, options, oW, oH, dW, dH): ImageData

Defined in: src/filters/Resize.ts:417

bilinearFiltering

Parameters

this

ResizeDuring2DResize

options

T2DPipelineState

oW

number

Original Width

oH

number

Original Height

dW

number

Destination Width

dH

number

Destination Height

Returns

ImageData

bindAdditionalTexture()

bindAdditionalTexture(gl, texture, textureUnit): void

Defined in: src/filters/BaseFilter.ts:334

Parameters

gl

WebGLRenderingContext

texture

WebGLTexture

textureUnit

number

Returns

void

Inherited from

BaseFilter.bindAdditionalTexture

createHelpLayer()

createHelpLayer(options): void

Defined in: src/filters/BaseFilter.ts:370

If needed by a 2d filter, this functions can create an helper canvas to be used remember that options.targetCanvas is available for use till end of chain.

Parameters

options

T2DPipelineState

Returns

void

Inherited from

BaseFilter.createHelpLayer

createProgram()

createProgram(gl, fragmentSource, vertexSource): object

Defined in: src/filters/BaseFilter.ts:83

Compile this filter’s shader program.

Parameters

gl

WebGLRenderingContext

The GL canvas context to use for shader compilation.

fragmentSource

string = ...

fragmentShader source for compilation

vertexSource

string = ...

vertexShader source for compilation

Returns

object

attributeLocations

attributeLocations: TWebGLAttributeLocationMap

program

program: WebGLProgram

uniformLocations

uniformLocations: TWebGLUniformLocationMap

Inherited from

BaseFilter.createProgram

generateShader()

generateShader(filterWindow): string

Defined in: src/filters/Resize.ts:136

Generate vertex and shader sources from the necessary steps numbers

Parameters

filterWindow

number

Returns

string

getAttributeLocations()

getAttributeLocations(gl, program): TWebGLAttributeLocationMap

Defined in: src/filters/BaseFilter.ts:153

Return a map of attribute names to WebGLAttributeLocation objects.

Parameters

gl

WebGLRenderingContext

The canvas context used to compile the shader program.

program

WebGLProgram

The shader program from which to take attribute locations.

Returns

TWebGLAttributeLocationMap

A map of attribute names to attribute locations.

Inherited from

BaseFilter.getAttributeLocations

getCacheKey()

getCacheKey(this): string

Defined in: src/filters/Resize.ts:111

Returns a string that represent the current selected shader code for the filter. Used to force recompilation when parameters change or to retrieve the shader from cache

Parameters

this

ResizeDuringWEBGLResize

Returns

string

Overrides

BaseFilter.getCacheKey

getFilterWindow()

getFilterWindow(this): number

Defined in: src/filters/Resize.ts:106

Parameters

this

ResizeDuringWEBGLResize

Returns

number

getFragmentSource()

getFragmentSource(this): string

Defined in: src/filters/Resize.ts:116

Parameters

this

ResizeDuringWEBGLResize

Returns

string

Overrides

BaseFilter.getFragmentSource

getTaps()

getTaps(this): any[]

Defined in: src/filters/Resize.ts:121

Parameters

this

ResizeDuringWEBGLResize

Returns

any[]

getUniformLocations()

getUniformLocations(gl, program): TWebGLUniformLocationMap

Defined in: src/filters/BaseFilter.ts:169

Return a map of uniform names to WebGLUniformLocation objects.

Parameters

gl

WebGLRenderingContext

The canvas context used to compile the shader program.

program

WebGLProgram

The shader program from which to take uniform locations.

Returns

TWebGLUniformLocationMap

A map of uniform names to uniform locations.

Inherited from

BaseFilter.getUniformLocations

getVertexSource()

getVertexSource(): string

Defined in: src/filters/BaseFilter.ts:72

Returns

string

Inherited from

BaseFilter.getVertexSource

hermiteFastResize()

hermiteFastResize(this, options, oW, oH, dW, dH): ImageData

Defined in: src/filters/Resize.ts:480

hermiteFastResize

Parameters

this

ResizeDuring2DResize

options

T2DPipelineState

oW

number

Original Width

oH

number

Original Height

dW

number

Destination Width

dH

number

Destination Height

Returns

ImageData

isNeutralState()

isNeutralState(): boolean

Defined in: src/filters/Resize.ts:205

Generic isNeutral implementation for one parameter based filters. Used only in image applyFilters to discard filters that will not have an effect on the image Other filters may need their own version ( ColorMatrix, HueRotation, gamma, ComposedFilter )