feat: add orientation indicators to debug panel

- Display UP/DOWN/LEFT/RIGHT labels at canvas edges
- Shows which direction is which in the original image
- Helps verify rotation correctness visually
This commit is contained in:
2026-04-22 11:33:37 +03:00
parent 7c493c656a
commit 1fca9b5ff7

View File

@@ -95,6 +95,22 @@ export function DebugRotationPanel({
// Save state
ctx.save();
// Draw orientation indicators at corners
ctx.fillStyle = 'rgba(255, 255, 255, 0.9)';
ctx.font = 'bold 14px monospace';
ctx.textAlign = 'left';
ctx.textBaseline = 'top';
ctx.fillText('⬆ UP', 10, 5);
ctx.fillText('⬅ LEFT', 5, 20);
ctx.textAlign = 'right';
ctx.textBaseline = 'top';
ctx.fillText('RIGHT ➡', canvas.width - 10, 20);
ctx.textAlign = 'left';
ctx.textBaseline = 'bottom';
ctx.fillText('⬇ DOWN', 10, canvas.height - 5);
// Draw crop bounds rectangle (bright green)
ctx.strokeStyle = '#00FF00';
ctx.lineWidth = 4;