Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 06:40:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix oval polar plot — remove height:100% that overrode aspect-ratio

Browse Source 
Setting both width:100% and height:100% made CSS ignore aspect-ratio,
stretching the drawing buffer non-uniformly into the tall container.
Fixed by keeping only width:100% + max-height:100% so aspect-ratio:1/1
clamps the height and the element stays square.
Draw functions now use canvas.offsetWidth for the square buffer size.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-03-19 23:35:34 +00:00
parent 35c874da52
commit 123d38d295
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/satellite_dashboard.html
View File

@@ -2289,8 +2289,7 @@
function drawPolarPlot(pass) {
const canvas = document.getElementById('polarPlot');
const ctx = canvas.getContext('2d');
const rect = canvas.getBoundingClientRect();
const size = Math.round(Math.min(rect.width, rect.height || rect.width));
const size = canvas.offsetWidth || 300;
canvas.width = size;
canvas.height = size;
@@ -2518,8 +2517,7 @@
function drawPolarPlotWithPosition(az, el, color) {
const canvas = document.getElementById('polarPlot');
const ctx = canvas.getContext('2d');
const rect = canvas.getBoundingClientRect();
const size = Math.round(Math.min(rect.width, rect.height || rect.width));
const size = canvas.offsetWidth || 300;
canvas.width = size;
canvas.height = size;