Fix jittering of clock markers
This commit is contained in:
@@ -74,8 +74,7 @@
|
||||
}
|
||||
|
||||
// Unified radius based on the actual clock size
|
||||
const rect = clock.getBoundingClientRect();
|
||||
const baseRadius = rect.width / 2;
|
||||
const baseRadius = clock.offsetWidth / 2;
|
||||
|
||||
// Tick lengths relative to the clock radius
|
||||
const lenBig = baseRadius * 0.12;
|
||||
@@ -86,7 +85,7 @@
|
||||
|
||||
// Distance from center for the marker digits so they sit just inside big ticks
|
||||
const markerSize = markers[0] ? markers[0].offsetWidth : 0;
|
||||
const markerRadius = outerR - lenBig - markerSize * getMarkerOffset(rect.width);
|
||||
const markerRadius = outerR - lenBig - markerSize * getMarkerOffset(clock.offsetWidth);
|
||||
|
||||
markers.forEach((m, i) => {
|
||||
const angle = (i / 16) * 2 * Math.PI;
|
||||
|
||||
Reference in New Issue
Block a user