Svg 箭头线型

我想创建如下线型来指示方向：

> > > > > > > > > > > > > > > > > > > >
▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎ ▶︎
→ → → → → → → → → → → → → → → → → → → →

如果线条改变了方向，图案也跟着线条。在SVG中仅使用样式是否可以实现这一点？请参见下面的代码片段，但请想象三角形或角度，而不是虚线

---

是的，您可以使用SVG实现这一点，使用标记定义三角形，然后沿轴重复三角形列表。之后，您可以使用css对其进行样式设置和转换

myPoly先生{ 填充物：红色； } .线路{ 变换：旋转110度； 变换原点：5px70px； }

---

我正在路径上使用文本。文本是一长串>。我正在为startOffset制作动画

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

---

你的问题对细节有点轻描淡写。您能否提供有关您的特定用例的更多细节，并向我们展示您的编码尝试？@RobertHarvey–添加了代码示例。延迟是因为无法使SVG动画在SO内工作。