Canvas lineTo() Method

Makao ya kusoma ya canvas

Kielewa na Kupendeza

lineTo() Method hii inafanya kufikia nafasi kipya, kufa kwenye nafasi iliyotakiwa kwenye mablaa (hii inaingiaa kufa kwa njia).

Tahadhari:Tumia stroke() Method hii inafanya upeo wa njia kwenye mablaa.

Mivyo

Matokeo 1

Kuanza njia, kumwaa katika upeo 0,0. Kufungua njia iliyotoka kwenye upeo 300,150:

Mashambulizi wako hauzungumza HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

亲自试一试

Tahadhari:Matokeo mengi yanaonyeshwa kwenye mawaka ya chini.

Inasikitisha

context.lineTo(x,y);

Mivyo

Mifano Kuwasiliana
x Ukubuni ya koordinati ya x kwa upeo wa njia.
y Ukubuni ya koordinati ya y kwa upeo wa njia.

Matokeo mengi

Matokeo 2

Kufungua njia, uwezo ni heri L:

Mashambulizi wako hauzungumza HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();

亲自试一试

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

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

Mwongozo:Internet Explorer 8 na kufupishwa haikupangalia kiini cha <canvas>.

Makao ya kusoma ya canvas