alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Show captured border width overlay in picture CSS test preview

Browse Source 
Backend: send border_width in WS metadata and frame_dims (width, height)
as a separate JSON message on first JPEG frame.

Frontend: render semi-transparent green overlay rectangles on each active
edge showing the sampling region depth, plus a small px label. Overlays
are proportionally sized based on border_width relative to frame dimensions.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Admin
2026-03-17 02:09:29 +03:00
parent 00c9ad3a86
commit 823cb90d2d
3 changed files with 85 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
server/src/wled_controller/static/css/modal.css
View File

@@ -215,6 +215,19 @@
z-index: 10;
}
.css-test-border-label {
position: absolute;
bottom: 4px;
right: 4px;
background: rgba(0, 0, 0, 0.6);
color: var(--primary-color);
font-size: 0.65rem;
font-family: monospace;
padding: 1px 5px;
border-radius: 3px;
z-index: 5;
}
.css-test-rect-label {
color: rgba(255, 255, 255, 0.85);
font-size: 0.8rem;