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

【问题标题】：Draw a Smooth Vector Curve Through Close Points using Raphael.js使用 Raphael.js 通过闭合点绘制平滑矢量曲线
【发布时间】：2013-07-12 05:27:41
【问题描述】：

我无法使用 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,110 s1111510110 s1112510,120 s 23,145 26,140 s 23,145 26,160 s 29,155 31,160 s 35,165 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"

还有代码：形状 = paper.path(path); shape.attr({fill:"#09f"});

最后，我确实尝试了这个解决方案，但它并没有得到改善： smooth svg path connection

有什么想法吗？

谢谢！

【问题讨论】：

标签： html svg raphael points curves

【解决方案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"});

【讨论】：

谢谢你，这帮助很大。有谁知道在每个点之前列出曲线类型与在一系列点之前只列出一次之间的区别？有没有人对点与像素对齐有疑问？（本应相隔 200 像素的坐标显着小于该值）