Skip to content

Resize

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

Resize image filter class

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

new Resize(options?): Resize

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

Constructor

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

Options object

Resize

BaseFilter.constructor

lanczosLobes: number

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

LanczosLobes parameter for lanczos filter, valid for resizeType lanczos


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.


scaleX: number

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

Scale factor for resizing, x axis


scaleY: number

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

Scale factor for resizing, y axis


static defaults: ResizeOwnProps = resizeDefaultValues

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

BaseFilter.defaults


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.

BaseFilter.type


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

BaseFilter.uniformLocations

get type(): Name

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

Filter type

Name

BaseFilter.type

_setupFrameBuffer(options): void

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

TWebGLPipelineState

void

BaseFilter._setupFrameBuffer


_swapTextures(options): void

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

TWebGLPipelineState

void

BaseFilter._swapTextures


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.

TWebGLPipelineState | T2DPipelineState

void

BaseFilter.applyTo


applyTo2d(this, options): void

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

ResizeDuring2DResize

T2DPipelineState

void

BaseFilter.applyTo2d


applyToForWebgl(this, options): void

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

ResizeDuringWEBGLResize

TWebGLPipelineState

void


applyToWebGL(options): void

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

Apply this filter using webgl.

TWebGLPipelineState

void

BaseFilter.applyToWebGL


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

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

bilinearFiltering

ResizeDuring2DResize

T2DPipelineState

number

Original Width

number

Original Height

number

Destination Width

number

Destination Height

ImageData


bindAdditionalTexture(gl, texture, textureUnit): void

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

WebGLRenderingContext

WebGLTexture

number

void

BaseFilter.bindAdditionalTexture


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.

T2DPipelineState

void

BaseFilter.createHelpLayer


createProgram(gl, fragmentSource, vertexSource): object

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

Compile this filter’s shader program.

WebGLRenderingContext

The GL canvas context to use for shader compilation.

string = ...

fragmentShader source for compilation

string = ...

vertexShader source for compilation

object

attributeLocations: TWebGLAttributeLocationMap

program: WebGLProgram

uniformLocations: TWebGLUniformLocationMap

BaseFilter.createProgram


generateShader(filterWindow): string

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

Generate vertex and shader sources from the necessary steps numbers

number

string


getAttributeLocations(gl, program): TWebGLAttributeLocationMap

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

Return a map of attribute names to WebGLAttributeLocation objects.

WebGLRenderingContext

The canvas context used to compile the shader program.

WebGLProgram

The shader program from which to take attribute locations.

TWebGLAttributeLocationMap

A map of attribute names to attribute locations.

BaseFilter.getAttributeLocations


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

ResizeDuringWEBGLResize

string

BaseFilter.getCacheKey


getFilterWindow(this): number

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

ResizeDuringWEBGLResize

number


getFragmentSource(this): string

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

ResizeDuringWEBGLResize

string

BaseFilter.getFragmentSource


getTaps(this): any[]

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

ResizeDuringWEBGLResize

any[]


getUniformLocations(gl, program): TWebGLUniformLocationMap

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

Return a map of uniform names to WebGLUniformLocation objects.

WebGLRenderingContext

The canvas context used to compile the shader program.

WebGLProgram

The shader program from which to take uniform locations.

TWebGLUniformLocationMap

A map of uniform names to uniform locations.

BaseFilter.getUniformLocations


getVertexSource(): string

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

string

BaseFilter.getVertexSource


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

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

hermiteFastResize

ResizeDuring2DResize

T2DPipelineState

number

Original Width

number

Original Height

number

Destination Width

number

Destination Height

ImageData


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 )

boolean

BaseFilter.isNeutralState


lanczosCreate(lobes): (x) => number

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

number

(x): number

number

number


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

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

Filter lanczosResize

ResizeDuring2DResize

T2DPipelineState

number

Original Width

number

Original Height

number

Destination Width

number

Destination Height

ImageData


retrieveShader(options): TWebGLProgramCacheItem

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

Retrieves the cached shader.

TWebGLPipelineState

TWebGLProgramCacheItem

the compiled program shader

BaseFilter.retrieveShader


sendAttributeData(gl, attributeLocations, aPositionData): void

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

Send attribute data from this filter to its shader program on the GPU.

WebGLRenderingContext

The canvas context used to compile the shader program.

Record<string, number>

A map of shader attribute names to their locations.

Float32Array

void

BaseFilter.sendAttributeData


sendUniformData(this, gl, uniformLocations): void

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

Send data from this filter to its shader program’s uniforms.

ResizeDuringWEBGLResize

WebGLRenderingContext

The GL canvas context used to compile this filter’s shader.

TWebGLUniformLocationMap

A map of string uniform names to WebGLUniformLocation objects

void

BaseFilter.sendUniformData


sliceByTwo(options, oW, oH, dW, dH): ImageData

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

Filter sliceByTwo

T2DPipelineState

number

Original Width

number

Original Height

number

Destination Width

number

Destination Height

ImageData


toJSON(): object & ResizeOwnProps

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

Returns a JSON representation of an instance

object & ResizeOwnProps

JSON

BaseFilter.toJSON


toObject(): object & ResizeOwnProps

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

Returns object representation of an instance It will automatically export the default values of a filter, stored in the static defaults property.

object & ResizeOwnProps

Object representation of an instance

BaseFilter.toObject


unbindAdditionalTexture(gl, textureUnit): void

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

WebGLRenderingContext

number

void

BaseFilter.unbindAdditionalTexture


static fromObject(__namedParameters, _options): Promise<BaseFilter<string, object, object>>

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

Record<string, any>

Abortable

Promise<BaseFilter<string, object, object>>

BaseFilter.fromObject