HTML canvas beginPath() yöntemi

Tanım ve Kullanım

beginPath() Yol başlatır veya mevcut yolun durumunu sıfırlar.

İpucu:Yol oluşturmak için bu yöntemleri kullanın: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() ve arc().

İpucu:Kullanın: stroke() Yol çizgisi çizmek için doğru yolu çizen bir yöntem.

Örnek

Canvas üzerinde iki yol çiz; kırmızı ve mavi:

Tarayıcınız HTML5 canvas etiketini desteklememektedir.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // Kırmızı yol
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Çizim yapılır
ctx.beginPath();
ctx.strokeStyle="blue"; // Mavi yol
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Çizim yapılır

Kişisel olarak deneyin

Gramer

context.beginPath();

Tarayıcı Desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> elementini desteklememektedir.