我有一個輪子看起來像這樣:

我想把黃色燈泡放在圓圈上,我正在考慮用position: "absolute", top: xxx, left: yyy它來實作這個,我想我需要一些數學來計算每個燈泡的對應top和,但我不知道如何。left/right
uj5u.com熱心網友回復:
您可以使用以下函式來獲取 X 和 Y 坐標
半徑為 100 px 的圓的示例:
function getCircleY(radians, radius) {
return Math.sin(radians) * radius;
}
function getCircleX(radians, radius) {
return Math.cos(radians) * radius;
}
console.log("Y coord at 0 degree", getCircleY(0, 100));
console.log("X coord at 0 degree", getCircleX(0, 100));
console.log("Y coord at 180 degree", getCircleY(Math.PI, 100));
console.log("X coord at 180 degree", getCircleX(Math.PI, 100));
看看這個https://en.wikipedia.org/wiki/Radian
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/480083.html
