HTML Canvas Daire

Örnek

Tarayıcınız HTML5 canvas etiketini desteklememektedir. 
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

Kişisel olarak deneyin

Çember çiz

Canvas üzerinde çember çizmek için aşağıdaki yöntemleri kullanın:

  • beginPath() - Yol başlatır
  • arc(x,y,r,start,end) - Çember tanımlar
  • stroke() - Çizer

arc(x,y,r,start,end) - Çember (çizgi) oluşturur.

Çember oluşturmak için başlangıç açısını 0, bitiş açısını 2 * Math.PI olarak ayarlayın.

x ve y parametreleri çember merkezinin koordinatlarını tanımlar.

r parametresi, çemberin yarıçapını tanımlar.

Ayrıca bkz:

CodeW3C.com'un Tam Canvas Referans Kılavuzu