Proper HTML5-Canvas-Kontrollpunkt

Question

Ich spiele mit einem Canvas-Element um und bin in Not einiger Unterstützung bei der quadraticCurveTo Methode. Ich hatte gehofft, dass die Zeichnung auf der Leinwand zu reflektieren, was auf einem Grafik-Taschenrechner angezeigt wird.

Im Moment ist es derzeit Setup, so dass die Steuerpunktkoordinaten endpoint_x,start_y sind.

Diagramm mit dem Start (auch der Scheitelpunkt), End- und Kontrollpunkte:

+------------------+
|                e |
|               .* |
|              . * |
|            .   * |
|          .     * |
|        .       * |
|     .          * |
|  s * * * * * * c |
+------------------+

Nach einer Gleichung zu schaffen (auf der Basis weg von y = a(x - h)^2 + k) und in der Gleichung in meinen Rechner anschließen, erhalte ich nicht, was auf meinem Diagramm reflektiert wird. Was ist die richtige Kontrollpunkt für mich zu benutzen?

Answer 1

Eine Bezierkurve ist keine Funktion Graph / Plot. Wikipedia ist sehr gut zu erklären, wie sie funktionieren:

http://en.wikipedia.org/wiki/B%C3%A9zier_curve