En son web geliştirme öğreticiler
 

HTML canvas quadraticCurveTo() Method

<Tuval Nesne

Örnek

Bir kuadratik Bezier eğrisini çizin:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();
Kendin dene "

Tarayıcı Desteği

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

Yöntem
quadraticCurveTo() 4.0 9.0 3.6 4.0 10.1

Tanımı ve Kullanımı

quadraticCurveTo() yöntemi, bir ikinci dereceden Bezier eğrisini temsil ettiği, belirtilen kontrol noktalarını kullanarak akım yoluna bir noktası ekler.

Bir ikinci dereceden Bezier eğrisi iki nokta gerektirir. Birinci nokta karesel Bezier hesaplanmasında kullanılır ve ikinci nokta eğri bitiş noktası olan bir kontrol noktasıdır. eğrisi için bir başlangıç ​​noktası akım yolunda son noktadır. Bir yol mevcut değildir, kullanmak beginPath() ve moveTo() bir başlangıç noktasını tanımlamak için yöntemler.

Bir ikinci dereceden Bezier eğrisi

Başlangıç ​​noktası:
moveTo( 20,20 )
Kontrol noktası:
quadraticCurveTo( 20,100 ,200,20)
Bitiş noktası:
quadraticCurveTo(20,100, 200,20 )

Tip: göz atın bezierCurveTo() yöntemini. Bu bir yerine iki kontrol noktaları vardır.


JavaScript sözdizimi: context . quadraticCurveTo( cpx,cpy,x,y ) ;

Parametre Değerleri

Parametre Açıklama Oynat
cpx Bezier kontrol noktasının x koordinatı Oynat "
cpy Bezier kontrol noktasının y koordinatı Oynat "
x bitiş noktasının x koordinatı Oynat "
y bitiş noktasının y koordinatı Oynat "

<Tuval Nesne