Javascript 拉斐尔js曲线矩形

Javascript 拉斐尔js曲线矩形,javascript,jquery,html,svg,raphael,Javascript,Jquery,Html,Svg,Raphael,想知道如何用拉斐尔画一个150宽x 4高的曲线矩形,用拉斐尔画一组,我有这个轮廓,基本上需要在上面画一个漂亮的曲线微笑,但是不使用拉斐尔路径(“”),我想不出怎么做,我已经创建了一个我与拉斐尔合作过,必须按照您的要求制作独特的形状。不幸的是,如果它不是内置的形状基本体,则必须使用raphael.path() 创建这些路径可能有点像噩梦,但为了帮助您,我建议使用svg编辑器为您创建路径字符串。我会使用AdobeIllustrator,绘制我的形状,将其保存为svg文件,然后在文本编辑器中打开该sv

想知道如何用拉斐尔画一个150宽x 4高的曲线矩形,用拉斐尔画一组,我有这个轮廓,基本上需要在上面画一个漂亮的曲线微笑,但是不使用拉斐尔路径(“”),我想不出怎么做,我已经创建了一个

我与拉斐尔合作过,必须按照您的要求制作独特的形状。不幸的是,如果它不是内置的形状基本体,则必须使用raphael.path()

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

如果您没有Adobe Illustrator,您可以使用像Inkscape这样的免费程序,甚至可以使用像这样的在线svg编辑器:(选择左上角的“编辑源代码”按钮以获取路径)

另外,我将在这里查看svg路径元素的规范:


抱歉,这不是最简单的方法,但确实是实现“微笑”形状的唯一方法(除非你有创意,将两个圆圈叠在一起,但一个圆圈必须淡入背景中-在你的情况下,这是一个渐变,这使得很难做到)

我曾与拉斐尔共事,必须按照您的要求制作独特的形状。不幸的是,如果它不是内置的形状基本体,则必须使用raphael.path()

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

如果您没有Adobe Illustrator,您可以使用像Inkscape这样的免费程序,甚至可以使用像这样的在线svg编辑器:(选择左上角的“编辑源代码”按钮以获取路径)

另外,我将在这里查看svg路径元素的规范:


抱歉,这不是最简单的方法,但确实是实现“微笑”形状的唯一方法(除非你有创意,将两个圆圈叠在一起,但一个圆圈必须淡入背景-在你的情况下,这是一个渐变,这使它很难做到)

感谢Zgood分享信息,你知道我应该如何将这篇论文分组吗?路径('M111.271,89.304C105.554103.75,91.456114,75114S-30.553-10.25-36.271-24.696l-4.576,4.576 C41.292109.299,56.892120,75120C18.107,0,33.708-10.701,40.847-26.12L111.271,89.304z')到当前集合?你应该能够将路径与集合中的其他形状分组,没有问题<代码>变量循环=纸张循环(50,40,10);var p=纸张路径(“”);var st=paper.set();圣推(圆,p)感谢Zgood分享信息,有什么想法我应该如何分组这篇论文。路径('M111.271,89.304C105.554103.75,91.456114,75114S-30.553-10.25-36.271-24.696l-4.576,4.576 C41.292109.299,56.892120,75120C18.107,0,33.708-10.701,40.847-26.12L111.271,89.304z')。attr(银色)到当前集合?您应该能够将路径与集合中的其他形状分组没有问题<代码>变量循环=纸张循环(50,40,10);var p=纸张路径(“”);var st=paper.set();圣推(圆,p)