2017-04-18 60 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