fix: Transparent backgrounds result in bleed (#499)

5 years ago · 3de48d2893
parent e657372ae4
commit 3de48d2893
1 changed files with 7 additions and 0 deletions
--- a/src/renderer/renderScene.ts
+++ b/src/renderer/renderScene.ts
@ -36,6 +36,13 @@ export function renderScene(

  const fillStyle = context.fillStyle;
  if (typeof sceneState.viewBackgroundColor === "string") {
+    const hasTransparence =
+      sceneState.viewBackgroundColor === "transparent" ||
+      sceneState.viewBackgroundColor.length === 5 ||
+      sceneState.viewBackgroundColor.length === 9;
+    if (hasTransparence) {
+      context.clearRect(0, 0, canvas.width, canvas.height);
+    }
    context.fillStyle = sceneState.viewBackgroundColor;
    context.fillRect(0, 0, canvas.width, canvas.height);
  } else {