Hello,
We have an issue with SVG to PNG conversion, it seems that the stroke settings for a element are not carried over to the resulted .png file. SVG_after_conversion.png (1.3 KB)
Inside the browser, we managed to render a uniform stroke by adding vector-effect=“non-scaling-stroke” as an attribute to the element.
The desired outcome after the conversion is a uniform stroke width on all sides, as in the attached SVG file.
Could you please help us in resolving this issue?
Thank you,
Adelin
SVG:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="4713.6" height="2102.3999999999996" viewBox="0 0 4713.6 2102.4" xml:space="preserve">
<desc>Created with Fabric.js 5.3.0</desc>
<defs>
</defs>
<g transform="matrix(1 0 0 1 2357.8 1052.2)">
<rect style="fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" x="-2308.8" y="-1003.1999999999998" rx="0" ry="0" width="4617.6" height="2006.3999999999996"></rect>
</g>
<g transform="matrix(4.42879172 0 0 1.29854105 1655.3589147 628.46679031)">
<rect style="stroke: rgb(0,255,255); stroke-width: 4; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" x="-159.04800002" y="-111.298289785" rx="25" ry="25" width="318.09600004" height="222.59657957"></rect>
</g>
</svg>