HTML5 Yay Çizme – Tasarım Kodlama
HTML5 Canvas

HTML5 Yay Çizme

HTML5 Canvas ile yay oluşturmak için arc() yöntemini kullanabiliriz. Yaylar bir merkez noktası, bir yarıçap, bir başlangıç açısı(startingpoint), bir bitiş açısı(endpoint) ve çizim yönü ile (saat yönünde veya saat yönünün tersine) tanımlanır. Yaylar, lineWidth, strokeStyle ve lineCap özellikleriyle stillendirilebilir.

Bir yay, hayali bir dairenin çevresinin bir bölümünden başka bir şey değildir. Bu hayali daire x, y ve yarıçapı ile tanımlanabilir.

Ardından, arkın kendisini startAngle ve endAngle tarafından tanımlanan hayali dairenin çevresi boyunca iki nokta ile tanımlayabiliriz. Bu iki açı radyan olarak tanımlanır ve dairenin merkezinden kaynaklanan ve oluşturmak istediğimiz yayın uçlarıyla kesişen hayali çizgiler oluşturur.

Ark yönteminin son argümanı arkın hangi yönde çizileceğini belirtir. Bu, ark yolunun iki bitiş noktası arasındaki yönünü tanımlar. Aksi belirtilmedikçe, bu argüman varsayılan olarak false değerine ayarlanmıştır, bu arkın saat yönünde çekilmesine neden olur.

Çıktı:

Kod:

 

 

Yorum bırak