En son web geliştirme öğreticiler
 

HTML canvas lineTo() Method

<HTML Tuval Referans

Örnek

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

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() Evet 9.0 Evet Evet Evet

Tanımı ve Kullanımı

lineTo() yöntemi yeni bir nokta ekler ve tuval son belirtilen noktaya DAN o noktaya İÇİN 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 "

Diğer Örnekler

Örnek

Mektup şeklinde bir yol, çizin L :

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 "


<HTML Tuval Referans