En son web geliştirme öğreticiler
 

HTML canvas lineTo() Method

<Tuval Nesne

Örnek

Bir yolunu başlayın 0,0 konumlandırmak için hareket ettirin. 300,150 konumlandırmak için bir çizgi oluşturun:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Tarayıcı Desteği

Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.

Yöntem
lineTo() 4.0 9.0 3.6 4.0 10.1

Tanımı ve Kullanımı

lineTo() yöntemi yeni bir nokta ekler ve tuval son belirtilen noktaya bu noktadan bir çizgi oluşturur (this method does not draw the line) .

Tip: kullan stroke() aslında tuval üzerine yol çizmek için yöntem.

JavaScript sözdizimi: context . lineTo( x,y ) ;

Parametre Değerleri

Parametre Açıklama Oynat
x hat oluşturmak için burada x koordinatı Oynat "
y hat oluşturmak için burada y koordinatı Oynat "

Örnekler

Diğer Örnekler

Örnek

L harfi şeklinde bir yol, çiz:

YourbrowserdoesnotsupporttheHTMLcanvastag.

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();
Kendin dene "


<Tuval Nesne