Рисование кривой с использованием библиотеки Raphael JavaScript?

Question

Я рисую кривую из точки А в точку Б. Я знаю координаты точек. Как я могу нарисовать эту кривую. Я использовал пример с сайта Рафаэля http://raphaeljs.com/curver.html,, но я не понял, как мне вставить свои собственные значения в эту функцию.

Answer 1

Рафаэль не вычисляет функцию для кривой, он напрямую использует пути SVG. Полная спецификация здесь http://www.w3.org/TR/SVG/paths.html#PathDataMovetoCommands.

В примере здесь определен путь;

path2 = [["M", x, y], ["L", ax, ay], ["M", bx, by], ["L", zx, zy]];

Каждый вложенный массив представляет операцию пера; moveto, closepath, lineto.

Answer 2

Вы захотите использовать метод Path в Raphael (qv) с обозначением пути SVG.Тип используемой траектории может быть одним из кубической / квадратичной кривой Безье или эллиптической дуги в зависимости от того, какую кривую вы хотите.