Örnek
Bir kuadratik Bezier eğrisini çizin:
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.
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 " |