HTML-Leinwand quadraticCurveTo () -Methode
Beispiele
Zeichnet eine quadratische Bézier-Kurve:
JavaScript:
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();
Versuchen »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari Unterstützung quadraticCurveTo () -Methode.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
quadraticCurveTo () Methode unter Verwendung der angegebenen Kontrollpunkte eine quadratische Bezier-Kurven darstellen, fügt einen Punkt auf den aktuellen Pfad.
Quadratische Bezier-Kurven müssen zwei Punkte. Der erste Punkt verwendet wird, die quadratische Bezier Kontrollpunkt zu berechnen, der zweite Punkt ist der Endpunkt der Kurve. Startpunkt der Kurve ist der Strompfad in den letzten Punkt. Wenn der Pfad nicht existiert, dann verwenden beginPath () und moveTo () Methode , um den Ausgangspunkt zu definieren.
Tipp: Schauen Sie sich bezierCurveTo () Methode.Es verfügt über zwei Kontrollpunkte statt einer.
| JavaScript-Syntax: | Kontext .quadraticCurveTo (CPX, cpy, x, y); |
|---|
Parameter Wert
| 参数 | 描述 |
|---|---|
| cpx | 贝塞尔控制点的 x 坐标。 |
| cpy | 贝塞尔控制点的 y 坐标。 |
| x | 结束点的 x 坐标。 |
| y | 结束点的 y 坐标。 |