fix spikes in oscilloscopes

grame-cncm · Sep 27, 2024 · 0207570 · 0207570
1 parent c2df0f2
commit 0207570
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Scope.ts b/src/Scope.ts
@@ -51,6 +51,7 @@ export class Scope {
         const l = d.length;
         ctx.strokeStyle = "#FFFFFF";
         ctx.lineWidth = 2;
+        ctx.lineJoin = "round";
         ctx.beginPath();
         // Fastest way to get min and max to have: 1. max abs value for y scaling, 2. mean value for zero-crossing
         let min = d[0];

diff --git a/src/StaticScope.ts b/src/StaticScope.ts
@@ -166,6 +166,7 @@ export class StaticScope {
         const gridX = (w - left) / ($1 - $0 - 1);
         const step = Math.max(1, Math.round(1 / gridX)); // horizontal draw step for optimization
         ctx.lineWidth = 2;
+        ctx.lineJoin = "round";
         for (let i = 0; i < t.length; i++) {
             ctx.beginPath();
             ctx.strokeStyle = `hsl(${i * 60}, 100%, 85%)`;
@@ -262,6 +263,7 @@ export class StaticScope {
         const gridX = (w - left) / ($1 - $0 - 1);
         const step = Math.max(1, Math.round(1 / gridX));
         ctx.lineWidth = 2;
+        ctx.lineJoin = "round";
         for (let i = 0; i < t.length; i++) {
             ctx.beginPath();
             ctx.strokeStyle = t.length === 1 ? "white" : `hsl(${i * 60}, 100%, 85%)`;