HTML canvas lineTo() yöntemi
Tanım ve Kullanım
lineTo() yeni bir nokta eklemek için yöntem kullanın, ardından bu noktadan metin arayüzünde en son belirlenen noktaya doğru bir çizgi oluşturun (bu yöntem çizgi oluşturmayacaktır).
İpucu:Kullanarak stroke() Metin arayüzünde kesin bir yol çizmek için yöntem kullanın.
Örnek
Örnek 1
Bir yol başlatın, 0,0 konumuna hareket edin. 300,150 konumuna ulaşan bir çizgi oluşturun:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
İpucu:Sayfa altında daha fazla örnek sağlanmaktadır.
gramer
context.lineTo(x,y);
parametre değeri
| parametre | tanım |
|---|---|
| x | 路径目标位置的 x koordinatı. |
| y | 路径目标位置的 y koordinatı. |
更多示例
Örnek 2
Bir L harfi şeklindeki bir yol çizin:
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();
Tarayıcı Desteği
Tabloda gösterilen rakamlar, 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> ögesini desteklememektedir.
