Asp.net mvc SVG矢量效应

我试图在SVG中定义一个固定的笔划宽度，类似于

在我的devenv（VS 2017）中，我运行Edge，该项目的目标是.net 4.6.1

SVG定义为：

<svg version="1.1"
    baseProfile="full"
    width="100%" height="Auto"
    viewBox="0 0 @sheet.SheetShape.Bounds.Width @sheet.SheetShape.Bounds.Height"
    xmlns="http://www.w3.org/2000/svg">

<rect width="100%" height="100%" stroke="red" fill="white" />

@foreach (var cut in sheet.SheetCuts)
{
    <line vector-effect="non-scaling-stroke" stroke-width="2" stroke="black" stroke-dasharray="5, 5" x1=@cut.Start.X y1=@cut.Start.Y x2=@cut.End.X y2=@cut.End.Y />
}

@foreach（var切入板材。板材切割）
{
}

VS intellisense无法识别vector effect属性，并且当代码运行时，不会发生任何特殊情况

---

有什么不对吗？

我认为IE/Microsoft不支持这个属性，只有Chrome和Firefox支持。谢谢@RobertLongson。我做了测试，它确实在Firefox上工作。我打开了另一个线程以找到一种计算方法：