Adding vector-effect to svg whitelist

[rohitkatlaa]

This issue proposes a [bug, feature] which...

Background & Context

Including an attribute to the svg white-list.
Attribute: vector-effect

Bug

Input

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="494" height="367" viewBox="0 0 494 367">
<desc>Created with Fabric.js 3.6.3</desc>
<defs>
</defs>
<rect x="0" y="0" width="100%" height="100%" fill="rgba(0,0,0,0)"/>
<g transform="matrix(3.22 0 0 3.22 270.79 207.79)">
<circle style="stroke: rgb(0,0,0); stroke-width: 9; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(237,128,128); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" cx="0" cy="0" r="30"/>
</g>
</svg>

Given output

<svg viewBox="0 0 494 367" height="367" width="494" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<desc>Created with Fabric.js 3.6.3</desc>
<defs>
</defs>
<rect fill="rgba(0,0,0,0)" height="100%" width="100%" y="0" x="0"></rect>
<g transform="matrix(3.22 0 0 3.22 270.79 207.79)">
<circle r="30" cy="0" cx="0" style="stroke: rgb(0,0,0); stroke-width: 9; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(237,128,128); fill-opacity: 0; fill-rule: nonzero; opacity: 1;"></circle>
</g>
</svg>

Expected output

Output including the vector-effect attribute.

Feature

As you can see both the svg's are significantly different from eachother.

[rohitkatlaa]

Closing this issue because vector-effect can be added to the styles in svg.