HTML tuvali startupPath() Yöntemi

❮ HTML Kanvas Referansı

Örnek

Tuval üzerine iki yol çizin; bir yeşil ve bir mor:

TarayıcınızHTML5tuval etiketini desteklemiyor.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

ctx.beginPath();
ctx.lineWidth = "5";
ctx.strokeStyle = "green"; // Green path
ctx.moveTo(0, 75);
ctx.lineTo(250, 75);
ctx.stroke(); // Draw it

ctx.beginPath();
ctx.strokeStyle = "purple"; // Purple path
ctx.moveTo(50, 0);
ctx.lineTo(150, 130);
ctx.stroke(); // Draw it

Tarayıcı Desteği

Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Method
beginPath() Yes 9.0 Yes Yes Yes

Tanım ve Kullanım

startPath() yöntemi bir yol başlatır veya geçerli yolu sıfırlar.

İpucu: Yollar oluşturmak için moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() ve arc() kullanın.

İpucu: Yolu tuvale gerçekten çizmek için vuruş() yöntemini kullanın .

JavaScript sözdizimi: bağlam .beginPath();

❮ HTML Kanvas Referansı