Class FillPattern

A class that represents a fill pattern for use in Text and Graphics fills. It allows for textures to be used as patterns, with optional repetition modes.

Example

const txt = await Assets.load('https://pixijs.com/assets/bg_scene_rotate.jpg');
const pat = new FillPattern(txt, 'repeat');

const textPattern = new Text({
    text: 'PixiJS',
    style: {
        fontSize: 36,
        fill: 0xffffff,
        stroke: { fill: pat, width: 10 },
    },
});

textPattern.y = (textGradient.height);

Implements

CanvasPattern

Index

Constructors

constructor

new FillPattern(texture: Texture, repetition?: PatternRepetition): FillPattern
Parameters
- texture: Texture
- Optionalrepetition: PatternRepetition
Returns FillPattern

Properties

transform

transform: Matrix = ...

The transform matrix applied to the pattern

Accessors

styleKey

get styleKey(): string
Returns a unique key for this instance. This key is used for caching.

Returns string
Unique key for the instance

texture

get texture(): Texture<TextureSource<any>>
Internal texture used to render the gradient

Returns Texture<TextureSource<any>>
set texture(value: Texture): void
Parameters
- value: Texture
Returns void

Methods

destroy

destroy(): void
Destroys the fill pattern, releasing resources. This will also destroy the internal texture.

Returns void

setTransform

setTransform(transform?: Matrix): void
Sets the transform for the pattern
Parameters
- Optionaltransform: Matrix
  The transform matrix to apply to the pattern. If not provided, the pattern will use the default transform.
Returns void
Implementation of CanvasPattern.setTransform

Class FillPattern

Example

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns FillPattern

Properties

transform

Accessors

styleKey

Returns string

texture

Returns Texture<TextureSource<any>>

Parameters

Returns void

Methods

destroy

Returns void

setTransform

Parameters

Returns void

Settings

On This Page