2008-11-25 20 views
16

arc() işlevinin tüm parametrelerinin ne olduğunu (deneme yoluyla) anlayamıyorum ve bunları açıklayan herhangi bir öğretici bulamadım. Ark() işlevinin iyi bir açıklaması nerede olur? MDC göreöğreticisi

+0

"Javascript" etiketi ekleyerek daha fazla görüntülenebilir (ve yanıtları alabilirsiniz) –

cevap

38
arc(x, y, radius, startAngle, endAngle, anticlockwise) 

İlk üç parametre, x ve y ve yarıçapı, bir daireyi tanımlar; çizilen ark bu dairenin bir parçası olacaktır. startAngle ve endAngle, daire boyunca, çizimi başlatmak ve durdurmak için kullanılır. 0 doğu, Math.PI/2 güney, Math.PI batı ve Math.PI * 3/2 kuzeydir. Saat yönünün tersine 1 ise, ark yönü tersine çevrilir.

bağlı diyagramlarda AntiClockwise

Clockwise

https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs

, tek fark saat yönünün tersine param olup. Math.PI/2 her zaman güneye doğru veya saat yönünün tersine güneyde sonlanır

+1

MDN sayfası kapalı gibi görünüyor mu? – NDM

+0

Context.arc() üzerindeki MDN belgeleri için daha yeni bir bağlantı https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc – LarsH

2

:

arc(x, y, radius, startAngle, endAngle, anticlockwise) 

x, y ve yarıçap belli daire parametreleridir. startAngle ve endAngle, doğuya doğru radyanlarda. saat yönünün tersine bir boole.

+0

bağlantı eksik: – Sparr

+0

Teşekkür ederiz. Bağlantı düzeltildi. – strager

+1

"Bu yöntem beş parametre alır: x ve y daire merkezinin koordinatlarıdır. Yarıçap kendini açıklayıcıdır. StartAngle ve endAngle parametreleri yayın başlangıç ​​ve bitiş noktalarını radyanlarda tanımlar. Başlangıç ​​ve kapanış açısı x ekseni Saat yönünün tersi parametresi, true saat yönünün tersine, yayı saat yönünün tersine doğru çeken bir Boole değeridir. "Açıkça daire parametreleri" den biraz daha temiz. :-) –

5

Ben de aynı sorunu ve bunun mantıklı yardımcı olmak için biraz interaktif sayfa yapılmıştır: http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element

parametrelerin tümü

ayarlanabilir ve ortaya çıkan ark oluşturulur gerçek zamanda. Sayfa ayrıca, fill(), stroke() ve closePath() yöntemlerinin arc() yöntemiyle nasıl etkileştiğini de gösterir.