Правильный HTML5 Canvas контрольная точка

Question

Я играю с элементом холста и нуждаюсь в некоторой помощи с quadraticCurveTo метод. Я надеялся отразить рисунок на холсте к тому, что отображается на графическом калькуляторе.

Прямо сейчас это в настоящее время настройки, поэтому координаты точек управления endpoint_x,start_y.

Диаграмма с началом (также вершиной), конец и контрольные точки:

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

После создания уравнения (исходя из y = a(x - h)^2 + k) и подключивая уравнение в мой калькулятор, я не получаю то, что отражено на моем графике. Что такое правильная контрольная точка для меня для использования?

Answer 1

Кривая Безье не является графиком функции / сюжетом. Википедия очень хороша, объясняя, как они работают:

http://en.wikipedia.org/wiki/b%c3%a9zier_curve.