想知道如何用 raphael 绘制一个弯曲的 150width x 4 hight 矩形形状并使用 raphael 与一组组合，我有这个轮廓，基本上需要在它上面画一个漂亮的曲线微笑，但不知道如何不使用raphael.path("")，我创建了一个http://jsfiddle.net/creativestudio/K3B3r/2/
问问题
1242 次
1 回答
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 个圆圈必须淡入背景 - 在您的情况下是一个渐变，很难做到）
于 2012-10-04T20:46:20.980 回答