From 2ff7dae1263e662053e97e7ac2397d5425e264ab Mon Sep 17 00:00:00 2001
From: Igor Zinken <igor.zinken@igorski.nl>
Date: Sat, 13 Jan 2024 12:25:38 +0100
Subject: [PATCH] Update to use zCanvas 6.0.2 to prevent alpha blending of
 waveform analysis visualisers

---
 package-lock.json                                    | 8 ++++----
 package.json                                         | 2 +-
 src/components/waveform-display/waveform-display.vue | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 10a8f403..edc031f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,7 +44,7 @@
         "vue-select": "^3.11.2",
         "vuedraggable": "^2.24.3",
         "wa-overdrive": "^0.0.3",
-        "zcanvas": "^5.1.8",
+        "zcanvas": "^6.0.2",
         "zmidi": "^1.2.1"
       }
     },
@@ -4173,9 +4173,9 @@
       }
     },
     "node_modules/zcanvas": {
-      "version": "5.1.8",
-      "resolved": "https://registry.npmjs.org/zcanvas/-/zcanvas-5.1.8.tgz",
-      "integrity": "sha512-BYg86iQ2BoicqhMW6io/y86XbEu2dnZ/br2qU5SJIJ9DrYVlAYXOazfmaIDlJ/PoujyXDB1TJOgclN7beV1S8g==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/zcanvas/-/zcanvas-6.0.2.tgz",
+      "integrity": "sha512-1XZpNiEbklXewgJBLXC9IP8tEh2N+2tsRj9BTln3uDjNjl715duNOjK1ZRSRTU7+HEw+IOBYHig75pigP6rUyw==",
       "dev": true,
       "engines": {
         "node": ">=14.0.0"
diff --git a/package.json b/package.json
index 549d87c0..ac3fb055 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "vue-select": "^3.11.2",
     "vuedraggable": "^2.24.3",
     "wa-overdrive": "^0.0.3",
-    "zcanvas": "^6.0.1",
+    "zcanvas": "^6.0.2",
     "zmidi": "^1.2.1"
   },
   "license": "MIT"
diff --git a/src/components/waveform-display/waveform-display.vue b/src/components/waveform-display/waveform-display.vue
index 736f376e..335b1234 100644
--- a/src/components/waveform-display/waveform-display.vue
+++ b/src/components/waveform-display/waveform-display.vue
@@ -197,9 +197,9 @@ export default {
             height: this.height,
             autoSize: false,
             optimize: this.optimizeRenderer ? "auto" : "none",
+            backgroundColor: "#000",
             fps: 60
         });
-        this.canvas.setBackgroundColor( "#000000" );
         this.canvas.insertInPage( this.$refs.canvasContainer );
         this.canvas.getElement().className = "waveform-canvas";