fix: re-apply canvas text color with alpha (#435)

this fixes #433
lightning-js · Nov 6, 2024 · be66859 · be66859
2 parents b65e7a9 + 8ee508f
commit be66859
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/core/renderers/canvas/CanvasCoreRenderer.ts b/src/core/renderers/canvas/CanvasCoreRenderer.ts
@@ -169,7 +169,7 @@ export class CanvasCoreRenderer extends CoreRenderer {
 
     if (ctxTexture) {
       const image = ctxTexture.getImage(color);
-      ctx.globalAlpha = alpha;
+      ctx.globalAlpha = color.a ?? alpha;
       if (frame) {
         ctx.drawImage(
           image,

diff --git a/src/core/text-rendering/renderers/CanvasTextRenderer.ts b/src/core/text-rendering/renderers/CanvasTextRenderer.ts
@@ -364,6 +364,8 @@ export class CanvasTextRenderer extends TextRenderer<CanvasTextRendererState> {
     if (state.textureNode) {
       // Use the existing texture node
       state.textureNode.texture = texture;
+      // Update the alpha
+      state.textureNode.alpha = getNormalizedAlphaComponent(state.props.color);
     } else {
       // Create a new texture node
       const textureNode = this.stage.createNode({