HTML5 Canvas

HTML5 Canvas Çizgi Çizmek

HTML5 Canvas kullanarak bir çizgi çizmek için beginPath(), moveTo(), lineTo() ve stroke() yöntemlerini kullanabiliriz.

İlk olarak, yeni bir yol çizmek üzere olduğumuzu bildirmek için beginPath() yöntemini kullanabiliriz. Daha sonra, bağlam noktasını konumlandırmak için moveTo() yöntemini kullanabiliriz (örn. İmleç çizer) ve ardından başlangıç konumundan yeni bir konuma düz bir çizgi çizmek için lineTo() yöntemini kullanabiliriz. Son olarak, çizgiyi görünür hale getirmek için, stroke() kullanarak çizgiye bir kontur uygulayabiliriz. Aksi belirtilmedikçe, kontur rengi varsayılan olarak siyahtır.

Çıktı:

Kod:

 

Yorum bırak