使用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路徑表示法。要使用的路徑類型將是立方/二次貝塞爾曲線或橢圓弧之一，具體取決於您想要的曲線類型。