HTML 5 Canvas arc（）和lineTo（）圍繞一個圓圈繪製製表符

我已經在畫布上繪製了一個圓。我想用兩條弧線在這個圓圈周圍繪製類似標籤的對象，每條弧線以一定的角度繪製一條線。不幸的是，由於lineTo（）方法只接受x & y座標，所以我必須能夠在這些術語中翻譯我想要繪製的位置。HTML 5 Canvas arc（）和lineTo（）圍繞一個圓圈繪製製表符

screenshot

我可以得出第一個弧線，從4點去1，但我不知道怎麼弄的X和1 y座標，也不知道怎樣去找出x和y什麼2的座標需要是。一旦我在2，我只需要增加半徑來繪製從2到3（或3到2）的弧，但是然後我需要知道如何獲得4的x，y座標，以便我可以調用lineTo（）並傳遞x和y 4.我認爲這可能是一些涉及Math.sin（）和Math.cos（）的簡單幾何或三角函數，但我有點困難時候弄清楚了。

來源

2011-09-17 jamauss

http://mathworld.wolfram.com/PolarCoordinates.html會爲您提供積分 – Joe

您可以發佈您的代碼嗎？ – Joe

我使用過類似HTML5 Roulette Wheel的東西。

這會爲您提供您喜歡的選項卡，並且可以使用選項卡之間的間距進行播放。

您不需要lineTo，您可以使用每個「選項卡」的填充和描邊來創建該效果。

來源

2011-09-17 02:03:59 tjameson

我不明白如果我不使用LineTo（），如果我有空間，我將能夠填充選項卡。我想我必須能夠在fill（）之前調用context.closePath（）才能用顏色填充它。 – jamauss

@jamauss - 你讀過鏈接了嗎？你只需製作小弧形（如10度左右）並將其間隔3度。填充弧線，敲擊邊界。像pi一樣容易。 – tjameson

HTML 5 Canvas arc（）和lineTo（）圍繞一個圓圈繪製製表符

回答

相關問題