使用Raphael.js绘制通过闭合点的平滑矢量曲线

Question

我在使用Raphael.js绘制通过一系列闭合点的平滑曲线时遇到了问题。除了椭圆曲线外，我尝试过所有的曲线类型，结果都是"凹凸"曲线。

请查看此显示图像的url：http://neu14.com/demographics/curve.png

路径："M 0,0 S 1,5 1,10 S 1,15 1,20 S 1,25 1,30 S 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 10100 S 11105 12110 S 14115 15120 S 16125 17130 S 19135 20140 S 23145 26150 S 29155 31160 S 35165 38170 S 41175 44180 S 49185 53190 S 62195 71200h 0 V 0 Z"

代码：shape=paper.path（路径）；shape.attr（｛fill:"#09f"｝）；

最后，我确实尝试了这个解决方案，但这并不是一个改进：平滑svg路径连接

有什么想法吗？

谢谢！

Answer 1

也许这会有所帮助演示

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"});