Draw grid/axes on top of wave semi-transparent

This commit is contained in:
Matt
2025-12-16 06:45:52 +00:00
parent f12c98360a
commit a3d796da5a

View File

@@ -479,9 +479,6 @@ function draw() {
const h = canvas.height; const h = canvas.height;
ctx.clearRect(0, 0, w, h); ctx.clearRect(0, 0, w, h);
// Draw Background Grid
drawGrid(w, h);
// Always draw the last waveform data // Always draw the last waveform data
ctx.beginPath(); ctx.beginPath();
ctx.strokeStyle = '#4ade80'; ctx.strokeStyle = '#4ade80';
@@ -502,7 +499,6 @@ function draw() {
} }
drawIdx -= 1; drawIdx -= 1;
} }
} else { } else {
while (drawIdx >= 0) { while (drawIdx >= 0) {
if (dataBuffer[drawIdx] > triggerVal && dataBuffer[drawIdx + 1] < triggerVal) { if (dataBuffer[drawIdx] > triggerVal && dataBuffer[drawIdx + 1] < triggerVal) {
@@ -541,6 +537,9 @@ function draw() {
ctx.stroke(); ctx.stroke();
// Draw Background Grid
drawGrid(w, h);
// Draw Crosshairs if mouse is over the canvas // Draw Crosshairs if mouse is over the canvas
if (lastMousePosition.x !== null && lastMousePosition.y !== null) { if (lastMousePosition.x !== null && lastMousePosition.y !== null) {
drawCrosshairs(lastMousePosition.x, lastMousePosition.y, '#4ade80'); drawCrosshairs(lastMousePosition.x, lastMousePosition.y, '#4ade80');