From 901d56f898659bd99074bd6fbeb67ba9dac7f283 Mon Sep 17 00:00:00 2001 From: zanhecht <797985+zanhecht@users.noreply.github.com> Date: Wed, 27 Dec 2023 13:20:22 -0500 Subject: [PATCH 1/5] Use canvas instead of CSS gradient for liveview Allows for "pixel perfect" liveview instead of diffused view, to better match what's shown at https://kno.wled.ge/features/effects/. This will make it easier to see what the LEDs are doing, although it may not be as accurate a representation for installations with diffused LEDs. Includes fallback to CSS gradient method for browsers that don't support canvas. --- wled00/data/liveview.htm | 58 +++++++++++++++++++++++++++++----------- 1 file changed, 43 insertions(+), 15 deletions(-) diff --git a/wled00/data/liveview.htm b/wled00/data/liveview.htm index 60e9fb03ea..bc6b55369a 100644 --- a/wled00/data/liveview.htm +++ b/wled00/data/liveview.htm @@ -16,10 +16,21 @@ height: 100%; position: absolute; } + #canvas { + width: 100%; + height: 100%; + position: absolute; + }
- + -