Skip to main content

Variable: FX

const FX: object

Defined in: attributes/shape/effects/chain.ts:155

Entry points for building effect chains fluently.

Type Declaration​

backgroundBlur​

backgroundBlur: (radius) => EffectChain

Parameters​

radius​

number

Returns​

EffectChain

bloom​

bloom: (threshold, radius, intensity) => EffectChain

Parameters​

threshold?​

number = 0.7

radius?​

number = 12

intensity?​

number = 1

Returns​

EffectChain

blur​

blur: (radius) => EffectChain

Parameters​

radius​

number

Returns​

EffectChain

bulgePinch​

bulgePinch: (strength, radius, center) => EffectChain

Parameters​

strength​

number

radius?​

number = 1

center?​
x​

number

y​

number

Returns​

EffectChain

chromaticAberration​

chromaticAberration: (amount, angle) => EffectChain

Parameters​

amount?​

number = 4

angle?​

number = 0

Returns​

EffectChain

grayscale​

grayscale: (amount) => EffectChain

Parameters​

amount​

number

Returns​

EffectChain

pixelate​

pixelate: (size) => EffectChain

Parameters​

size​

number

Returns​

EffectChain

skslBackdrop​

skslBackdrop: (shader, uniforms) => EffectChain

Parameters​

shader​

string

uniforms?​

SkSLUniform[] = []

Returns​

EffectChain

skslLayer​

skslLayer: (shader, uniforms, blendMode) => EffectChain

Parameters​

shader​

string

uniforms?​

SkSLUniform[] = []

blendMode?​

string = 'screen'

Returns​

EffectChain

texture​

texture: (radius, size) => EffectChain

Parameters​

radius​

number

size?​

number | { x: number; y: number; }

Returns​

EffectChain

vintage​

vintage: (amount, warmth) => EffectChain

Parameters​

amount?​

number = 1

warmth?​

number = 0.2

Returns​

EffectChain

zoom​

zoom: (scale, center) => EffectChain

Parameters​

scale?​

number = 2

center?​
x​

number

y​

number

Returns​

EffectChain

Example​

node.effects = FX.blur(8).grayscale(1);