title: SVG issues with the CSS paint-order attribute
body: <p>After designing a product on a HTML canvas (for reference build with <a href="http://fabricjs.com/" rel="nofollow noreferrer">fabricjs</a>), the canvas is exported to an SVG. One of the options is to add text and style it. When you give the text a stroke and export I keep running into a rendering issue between the canvas output and the svg output (see images below).</p>
  
  <p>After some research i found out that this part is the issue <code>paint-order="stroke"</code>, apperantly this is not supported by all browsers or svg viewers. Does anyone know a way to make this working (preferably everywhere).</p>
  
  <p><a href="https://i.stack.imgur.com/LeSvw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LeSvw.png" alt="enter image description here"></a><a href="https://i.stack.imgur.com/DtXBV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DtXBV.png" alt="enter image description here"></a></p>