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

时间:2013-07-12 05:27:41

标签: html5 svg raphael points curves

我无法使用Raphael.js通过一系列关闭点绘制平滑曲线。我尝试了除椭圆之外的所有曲线类型,并且它们出现了“凹凸不平”的曲线。

看到此网址显示图片: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 10,100 S 11,105 12,110 S 14,115 15,120 S 16,125 17,130 S 19,135 20,140 S 23,145 26,150 S 29,155 31,160 S 35,165 38,170 S 41,175 44,180 S 49,185 53,190 S 62,195 71,200H 0 V 0 Z“

代码:     shape = paper.path(path);     shape.attr({填写: “#09F”});

最后,我确实试过这个解决方案,但这并不是一个改进: smooth svg path connection

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

也许这有用吗?的 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"});