You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm generating svg code for some icons and using this library to dynamically convert them to png. Scaling works fine to a certain point but using smaller values beyond that point results in an image that is substantially worse in quality and ultimately appears wrong. I have tried starting with a smaller SVG image but it doesn't seem to help. Something fundamentally changes when trying to render my icons below 39 pixels.
Scaling to 39 pixels high:
Scaling to 38 pixels high:
The white border is clearly getting lost at this size which is unexpected.
Here is the SVG code without the inner icon graphic as that part is not the problem.
Note that, like increasing the scale, increasing the feMorphology radius within the stroke-inside filter above a certain threshold also reaches a point where the issue stops happening. However this isn't exactly a fix as that increases the thickness of the stroke beyond where I would prefer it to be. At a certain thickness and scale the resize begins to become problematic.
I'm generating svg code for some icons and using this library to dynamically convert them to png. Scaling works fine to a certain point but using smaller values beyond that point results in an image that is substantially worse in quality and ultimately appears wrong. I have tried starting with a smaller SVG image but it doesn't seem to help. Something fundamentally changes when trying to render my icons below 39 pixels.
Scaling to 39 pixels high:
Scaling to 38 pixels high:
The white border is clearly getting lost at this size which is unexpected.
Here is the SVG code without the inner icon graphic as that part is not the problem.
The text was updated successfully, but these errors were encountered: