Set marker font size relative to radius

2025-06-20 00:05:48 +02:00
parent bc39eb3169
commit 3ea7f1e69f
2 changed files with 5 additions and 3 deletions
@@ -83,9 +83,10 @@

    const outerR = baseRadius - 2; // just inside the border

-    // Distance from center for the marker digits so they sit just inside big ticks
+    // Distance from center so marker's outer edge sits just inside the big tick
    const markerSize = markers[0] ? markers[0].offsetWidth : 0;
-    const markerRadius = outerR - lenBig - markerSize * getMarkerOffset(clock.offsetWidth);
+    const inset = baseRadius * 0.001; // 0.1% of the radius
+    const markerRadius = outerR - lenBig - inset + markerSize / 2;

    markers.forEach((m, i) => {
      const angle = (i / 16) * 2 * Math.PI;