Paraan ng Canvas lineTo()

Canvas 参考手册

Paglalarawan at Paggamit

lineTo() Mga paraan para magdagdag ng isang bagong punto, at lumikha ng isang linya mula sa huling tinukoy na punto sa kanvas (ang paraan na ito ay hindi maglikha ng linya).

Mga payo:Gumamit ng stroke() Ang paraan ay nagpapakita ng tiyak na landas sa kanvas.

Mga halimbawa

Mga halimbawa 1

Simulan ang isang landas, ilipat sa posisyon 0,0. lumikha ng isang linya na patungo sa posisyon 300,150:

Ang iyong browser ay hindi sumusuporta sa tag ng HTML5 canvas.

JavaScript:

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

亲自试一试

Mga payo:Mayroon pang mas maraming halimbawa sa pahina ng wika.

Mga pangunahing Tagalog

context.lineTo(x,y);

Halaga ng Parametro

Parametro Paglalarawan
x Ang yugto ng x ko ng layo ng landas.
y Ang yugto ng y ko ng layo ng landas.

Mga mas maraming halimbawa

Mga halimbawa 2

Ihanda ang isang landas, ang hugis ay may letre L:

Ang iyong browser ay hindi sumusuporta sa tag ng HTML5 canvas.

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

注释：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。

Canvas 参考手册