2017-04-18 129 views
0

我需要创建一个反向U形状使用javascript,但我无法弄清楚。有点像这种折线形状,但最后弯曲,使用这些相同的点。我用曲线和东西找到了复杂动画的代码示例,但并不简单。如何使用Snap.svg创建“U”形状?

var lsvg = Snap('#svg'); 

var arrow = lsvg.polyline([6,10, 3,0, 0,10]).attr({stroke: '#000', fill: '#f2f4f3'}); 

Jsbin

+0

那样的库支持bezier曲线吗? –

+0

查看路径命令。或者只是画一个字母u并缩放1,-1来翻转它。 – Ian

回答

0

我结束了以下伊恩的意见,我使用的路径命令。我实际上是想用它作为一条线的标记,并且每次我使用U字母(作为文本)它都会变形,所以我不能这样做。

var arrow = lsvg.path("M20,30 Q10,0 0,30").attr({stroke: '#000', fill:"none" }); 

我用了三点:(20,30),(10,0),(0,30)。

Updated Jsbin