PIXI.Mesh can not switcing textures on Canvas

[oretti]

Expected Behavior

Succeed in switching textures under the following conditions.

• use Canvas. PIXI.Application({ forceCanvas:true })
• use PIXI.Mesh and change tint property.

Current Behavior

Can not switching textures.
(I found when using PIXI.BitmapText.)

Possible Solution

I think the following is probably the cause.

pixijs/packages/canvas-mesh/src/CanvasMeshRenderer.ts

Lines 118 to 129 in a984e4c

	if (isTinted)
	{
	if (mesh._cachedTint !== mesh.tint)
	{
	mesh._cachedTint = mesh.tint;
	mesh._cachedTexture = mesh._cachedTexture || new Texture(base);
	mesh._tintedCanvas = canvasUtils.getTintedCanvas(
	{ texture: mesh._cachedTexture },
	mesh.tint
	);
	}
	}

CanvasMeshRenderer caches images when changing tints, but does not re-cache images when changing textures.

Steps to Reproduce

See jsfiddle
https://jsfiddle.net/pegta1Lr/1/

• Canvas: Image X -> X (1 sec.)
• WebGL(Expected Behavior): Image X -> Y (1 sec.)

Environment

• pixi.js version: v6.5.8 / v7.0.4
• Browser & Version: Chrome 107.0.5304.123 / Firefox 107.0.1
• OS & Version: Windows 11

[bigtimebuddy]

Thank you @oretti for reporting. And the example was extremely helpful making a fix.