Canvas beginPath() 方法

定义和用法

beginPath() 方法开始一条路径,或重置当前的路径。

提示:请使用这些方法来创建路径:moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() 以及 arc()。

提示:请使用 stroke() 方法在画布上绘制确切的路径。

实例

在画布上绘制两条路径;红色和蓝色:

Your browser does not support the HTML5 canvas tag. // Kiweka kina hauzungumzia kiwango cha HTML5 canvas tag

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // Mawendo wa kufaana kwa rangi ya kichwa
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Kufaana kwa maelezo
ctx.beginPath();
ctx.strokeStyle="blue"; // Mawendo wa kufaana kwa rangi ya kiume
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Kufaana kwa maelezo

Tukufanya kwa kufikia kwa kufikia kwa kufikia

Inasema

context.beginPath();

Makampuni ya tovuti

Inafaa kumtaarifu na kumtaarifu na kumtaarifu kwa sababu ya kinaingia ya tovuti ambayo inakusimamia kinaingia ya hii.

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

Kweli:Internet Explorer 8 na zaidi ya hivi hali hazina kusimamia elementi ya <canvas>.