使用Raphael JavaScript库绘制曲线？

Question

我正在绘制一条从点A到点B的曲线。我知道点的坐标。我如何绘制这条曲线。我用Raphael网站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

您将要使用Raphael（qv）中的Path方法和SVG路径表示法。要使用的路径类型将是立方/二次贝塞尔曲线或椭圆弧之一，具体取决于您想要的曲线类型。