HTML canvas lineTo() 方法
实例
例子 1
开始一条路径,移动到位置 0,0。创建到达位置 300,150 的一条线:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(300,150); ctx.stroke();
提示:页面底部提供更多例子。
语法
context.lineTo(x,y);
参数值
参数 | 描述 |
---|---|
x | 路径的目标位置的 x 坐标。 |
y | 路径的目标位置的 y 坐标。 |
更多例子
Mfano 2
Mfano 2:
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();
Inasaidia kwa kufungua
Mashahara ya kati ya tabia hii ni toka kwa kichwa cha programu ya kufungua kwenye tovuti iliyotumia.
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 kwa uwanja hawana inasaidia <canvas> ˈmakundu.