title: SVG Vector Effect
body: <p>I am trying to define a fixed stroke width into my SVG, similar to <a href="https://stackoverflow.com/questions/1301685/fixed-stroke-width-in-svg">this thread</a>.</p>
  <p>In my devenv (VS 2017) I am running Edge and the project is targeting .net 4.6.1</p>
  <p>The SVG is defined as:</p>
  <pre><code>&lt;svg version=&quot;1.1&quot;
      baseProfile=&quot;full&quot;
      width=&quot;100%&quot; height=&quot;Auto&quot;
      viewBox=&quot;0 0 @sheet.SheetShape.Bounds.Width @sheet.SheetShape.Bounds.Height&quot;
      xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
  
  &lt;rect width=&quot;100%&quot; height=&quot;100%&quot; stroke=&quot;red&quot; fill=&quot;white&quot; /&gt;
  
  @foreach (var cut in sheet.SheetCuts)
  {
      &lt;line vector-effect=&quot;non-scaling-stroke&quot; stroke-width=&quot;2&quot; stroke=&quot;black&quot; stroke-dasharray=&quot;5, 5&quot; x1=@cut.Start.X y1=@cut.Start.Y x2=@cut.End.X y2=@cut.End.Y /&gt;
  }
  </code></pre>
  
  <p>The vector-effect property is not recognized by VS intellisense and when the code runs nothing special happens.</p>
  <p>What should be wrong?</p>