Как правильно позиционировать клещи на датчике SVG? ⇐ CSS

[Anonymous]

Я создал компонент реагирования SVG, ссылку можно найти в кодах.
Я ищу для правильного отображения клещей на кривой. {ticks.map((tick, index) => {
const cx = r + 50;
const cy = r + 50;
const angle = 180 - (tick * 180) / 100; // important change
const rad = (angle * Math.PI) / 180;
const x = cx + (r + 10) * Math.cos(rad); // 10 extra for better spacing
const y = cy + (r + 10) * Math.sin(rad);

return (

{tick}

);
})}


Подробнее здесь: https://stackoverflow.com/questions/795 ... -svg-gauge