拉斐尔js弯曲的矩形形状

Question

想知道如何绘制拉斐尔的弧形150×4高度矩形形状和组使用拉斐尔，我有这个轮廓，基本上需要绘制一个不错的曲线微笑，但可以' t数字如何使用raphael.path（“”）创建出来，我创建了一个http://jsfiddle.net/creativestudio/K3B3r/2/

Answer 1

我和Raphael一起工作过，并且必须制作像您请求的独特形状。不幸的是，如果它不是一个内置的形状原型，你将不得不使用raphael.path（）。

创建这些路径可能有点噩梦，但为了帮助您，我建议使用svg编辑器为您创建路径字符串。我将使用Adobe Illustrator，绘制自己的形状，将其保存为svg文件，然后在文本编辑器中打开该svg文件并将路径字符串拉出（其路径标记的“d”属性）。你可能需要玩第一个以“m”或“M”开头的坐标（小写的m是相对起始点，大写字母绝对是我相信的），并调整形状将在svg的上下文中开始的位置图片。这有点跟踪和错误。

如果没有Adobe Illustrator中，你可以使用一个免费的程序一样Inkscape中甚至使用在线编辑器，SVG像这样的：http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html（请在顶部的“编辑源”按钮左边抢道）

另外，我想看看规范的SVG路径元素在这里：http://www.w3.org/TR/SVG/paths.html#PathElement

对不起它不是最简单的方法，但真正实现了“微笑”形状（除非你发挥创意的唯一途径，层2个圆圈在彼此的顶部，但1圈将不得不淡入背景 - 在你的情况下，这是一个渐变，这使得它很难做到）