En son web geliştirme öğreticiler
 

HTML canvas closePath() Method

<Tuval Nesne

Örnek

L harfi şeklinde bir yol, çizin ve ardından başlangıç ​​noktasına geri bir çizgi çizin:

YourbrowserdoesnotsupporttheHTML5canvastag.

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.closePath();
ctx.stroke();
Kendin dene "

Tarayıcı Desteği

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

Yöntem
closePath() 4.0 9.0 3.6 4.0 10.1

Tanımı ve Kullanımı

closePath() metodu başlangıç noktasına geri akım noktasından bir yol oluşturur.

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

Tip: kullan fill() çizim doldurmak için yöntem (black is default) . Kullanım fillStyle başka bir renk / degrade ile doldurmak için özellik.

JavaScript sözdizimi: context . closePath() ;

Örnekler

Diğer Örnekler

Örnek

Dolgu rengi olarak kırmızı kullanın:

Yourbrowserdoesnotsupportthecanvastag.

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.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
Kendin dene "

<Tuval Nesne