PIXI.CanvasTinter - 2.2.2

new CanvasTinter()

Utility methods for Sprite/Texture tinting.

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 5

Public Properties

<static> cacheStepsPerColorChannel : number

Number of steps which will be used as a cap when rounding colors.

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 247

<static> canHandleAlpha : boolean

If the browser isn't capable of handling tinting with alpha this will be false. This property is only applicable if using tintWithPerPixel.

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 265

<static> canUseMultiply : boolean

Whether or not the Canvas BlendModes are supported, consequently the ability to tint using the multiply method.

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 275

<static> convertTintToImage : boolean

Tint cache boolean flag.

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 256

Public Methods

<static> getTintedTexture(sprite, color) → {HTMLCanvasElement}

Basically this method just needs a sprite and a color and tints the sprite with the given color.

Parameters

Name	Type	Description
`sprite`	PIXI.Sprite	the sprite to tint
`color`	Number	the color to use to tint the sprite with

Returns

HTMLCanvasElement -

The tinted canvas

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 15

<static> roundColor(color)

Rounds the specified color according to the PIXI.CanvasTinter.cacheStepsPerColorChannel.

Parameters

Name	Type	Description
`color`	Number	the color to round, should be a hex color

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 198

<static> roundColor(color)

Rounds the specified color according to the PIXI.CanvasTinter.cacheStepsPerColorChannel.

Parameters

Name	Type	Description
`color`	Number	the color to round, should be a hex color

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 218

<static> tintMethod()

The tinting method that will be used.

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 284

<static> tintPerPixel(texture, color, canvas)

Tint a texture pixel per pixel.

Parameters

Name	Type	Description
`texture`	PIXI.Texture	the texture to tint
`color`	Number	the color to use to tint the sprite with
`canvas`	HTMLCanvasElement	the current canvas

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 143

<static> tintWithMultiply(texture, color, canvas)

Tint a texture using the "multiply" operation.

Parameters

Name	Type	Description
`texture`	PIXI.Texture	the texture to tint
`color`	Number	the color to use to tint the sprite with
`canvas`	HTMLCanvasElement	the current canvas

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 60

<static> tintWithOverlay(texture, color, canvas)

Tint a texture using the "overlay" operation.

Parameters

Name	Type	Description
`texture`	PIXI.Texture	the texture to tint
`color`	Number	the color to use to tint the sprite with
`canvas`	HTMLCanvasElement	the current canvas

Source code: pixi/renderers/canvas/utils/CanvasTinter.js, line 107

Navigation

Constructor