SVG标记仅缩放一个具有笔划宽度的维度

我有可变厚度的SVG行，它们的末尾都有一个箭头形式的标记，如图所示。默认情况下，

markerUnits

设置为

strokeWidth

，根据线条的笔划宽度缩放箭头的两个（！）尺寸

一、 另一方面，我只想缩放y维度，如下面非常漂亮的绘制图所示（应该像橙色箭头一样，红色不是我想要的）

原因是我想模拟从一个地方移动到另一个地方的人数，但箭头的长度应该完全相同（即，线条长度不是视觉提示，只有笔划宽度是）

---

有没有办法“动态”做到这一点；i、 e.是否始终不重新计算标记的路径？是否有可以这样做的库，例如D3

不要更改笔划宽度，而是在y方向缩放线条，例如

至少在Firefox中是这样。在Chrome中，线条/箭头根本不显示，而在IE（甚至IE11）中，箭头是圆形的，而且太大了。你知道解决这个问题的办法吗？好的，它没有在Chrome中显示的原因是svg标记的空

viewbox

属性。所以剩下的唯一问题就是9-11-/听起来像是个电脑迷。我想你可以向微软报告。