如何使用Snap.svg創建「U」形狀？

我需要創建一個反向U形狀使用javascript，但我無法弄清楚。有點像這種折線形狀，但最後彎曲，使用這些相同的點。我用曲線和東西找到了複雜動畫的代碼示例，但並不簡單。如何使用Snap.svg創建「U」形狀？

var lsvg = Snap('#svg'); 

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

那樣的庫支持bezier曲線嗎？ –

查看路徑命令。或者只是畫一個字母u並縮放1，-1來翻轉它。 – Ian

我結束了以下伊恩的意見，我使用的路徑命令。我實際上是想用它作爲一條線的標記，並且每次我使用U字母（作爲文本）它都會變形，所以我不能這樣做。

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

我用了三點：（20,30），（10,0），（0,30）。

2017-04-19 09:11:40

回答