Canvacord

ImageFilterer

extendsCanvasHelper

Creates a new CanvasHelper instance.

new ImageFilterer(width, height)
ParameterTypeDescriptionOptional
width
number

The width of the canvas

height
number

The height of the canvas

Properties

height

The height of the canvas

Type:number

steps

The steps to apply to the canvas.

Type:Array<ContextManipulationStep>

width

The width of the canvas

Type:number

Methods

blur(value); 

Applies blur filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

brightness(value); 

Applies brightness filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

contrast(value); 

Applies contrast filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

drawImage(image, x, y, [width], [height]); 

Draws the image to the canvas.

ParameterTypeDescriptionOptional
image
ImageSource

The image to draw

x
number

The x position to draw the image

y
number

The y position to draw the image

width
number

The width of the image

height
number

The height of the image

Returns:ImageFilterer

dropShadow(config); 

Applies drop-shadow filter to the image.

ParameterTypeDescriptionOptional
config
DropShadowConfig

The drop-shadow config

Returns:ImageFilterer

encode(); 

Encodes the canvas to a buffer.

Returns:Promise<Buffer>

getFinalCanvas(); 

Returns the canvas instance by applying the steps.

Returns:Promise<Canvas>

grayscale(value); 

Applies grayscale filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

hueRotate(value); 

Applies hue-rotate filter to the image.

ParameterTypeDescriptionOptional
value
number

The degrees to rotate

Returns:ImageFilterer

invert(value); 

Applies invert filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

opacity(value); 

Applies opacity filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

process(canvas, ctx); 

Renders the applied filters to the canvas.

ParameterTypeDescriptionOptional
canvas
Canvas

The canvas to render the filters to

ctx
SKRSContext2D

The canvas context

Returns:Promise<void>

saturate(value); 

Applies saturate filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer

sepia(value); 

Applies sepia filter to the image.

ParameterTypeDescriptionOptional
value
number

The filter intensity

Returns:ImageFilterer