2012-09-09 78 views
4

如果我們繪製一個弧,我們如何獲得弧末端(最後一個點)相對於中心的座標。HTML5獲取弧末端的座標

+0

你的意思是使用''來畫一條弧嗎?你可以提供一些代碼或jsfiddle嗎? – Oriol

+0

是的,使用。 var canvas = document.getElementById('Canvas1'); var ctx = canvas.getContext('2d'); ctx.beginPath(); (0,0,20,-180,-140,false) ctx.stroke(); – benjamin54

+0

你的意思是*最後一點*?所有點相對於中心的距離相同 – Oriol

回答

9

http://jsfiddle.net/5DdQt/

使用

function getPoint(c1,c2,radius,angle){ 
    return [c1+Math.cos(angle)*radius,c2+Math.sin(angle)*radius]; 
} 
  • c1c2是圓弧
  • radius中心的座標爲圓弧半徑
  • angle是最後一個點的角度