Canvas beginPath() yöntemi

Tanım ve Kullanım

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

İpucu:Bu yöntemleri kullanarak yol oluşturun: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() ve arc().

İpucu:Kullanın: stroke() Canvas üzerinde kesin yolları çizen 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"; // 红色路径
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // 绘制
ctx.beginPath();
ctx.strokeStyle="blue"; // 蓝色路径
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // 绘制

Kişisel olarak deneyin

Sözdizimi

context.beginPath();

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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.