使用Raphael JavaScript库绘制曲线？

Question

我正在绘制从A点到B点的曲线。我知道点的坐标。我该如何绘制这条曲线。我使用了Raphael网站http://raphaeljs.com/curver.html中的示例，但我不明白我应该如何将自己的值插入到该函数中。

Answer 1

Raphael不计算曲线的函数，它直接使用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）中使用带有SVG路径表示法的Path方法。使用的路径类型是立方/二次贝塞尔曲线或椭圆弧之一，具体取决于您想要的曲线类型。