使用Raphael.js繪製通過關閉點的平滑矢量曲線

Question

我無法通過使用Raphael.js繪製通過一系列關閉點的平滑曲線。我已經嘗試了除橢圓之外的所有曲線類型，並且它們出現了「顛簸」的曲線。

看到此URL表示圖像：http://neu14.com/demographics/curve.png

的路徑： 「M 0,0小號1,5 1,10 1,15小號1,20 1,25小號小號1,30 1,35 1,40 S 2,45 2,50 S 3,55 3,60 S 4,65 5,70 S 6,75 6,80 S 7,85 8,90 S 9,95 10,100 S 11,105 12,110 S 14,115 15,120 S 16125 17130 19135小號小號20140 23145 26150 29155小號小號31160 35165 38170 41175小號小號44180 49185 53190 62195小號0 71,200H -V 0 Z」

和代碼： 形狀= paper.path（路徑）; shape.attr（{fill：「＃09f」}）;

最後，我沒有嘗試這種解決方案，但它不是一個進步： smooth svg path connection

任何想法？

謝謝！

Answer 1

也許這可以幫到您？ DEMO

var r = new Raphael(10,10, 500, 500); 
var p = r.path("M100,300 L100,100 C100,100 250,100 250,300z"); 
p.attr({fill: 'yellow', stroke:"red"});