如何使用 Snap.svg 创建“U”形？答案

【问题标题】：How to create a "U" shape using Snap.svg?如何使用 Snap.svg 创建“U”形？
【发布时间】：2017-09-14 17:39:51
【问题描述】：

我需要使用 javascript 创建一个反向 U 形，但我无法弄清楚。有点像这种折线形状，但在末端弯曲，使用这些相同的点。我找到了包含曲线和东西的复杂动画的代码示例，但并不简单。

var lsvg = Snap('#svg');

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

【问题讨论】：

【解决方案1】：

我最终听从了 Ian 的建议，并使用了 path 命令。我实际上想用它作为线条的标记，每次我使用 U 字母（作为文本）时，它都会出现变形，所以这就是我不能这样做的原因。

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

我为此使用了三个点：(20,30) , (10,0) , (0,30)。

【讨论】：