Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Library is cutting the corners of SVG #548

Closed
andirsun opened this issue Oct 19, 2022 · 2 comments
Closed

Library is cutting the corners of SVG #548

andirsun opened this issue Oct 19, 2022 · 2 comments
Labels

Comments

@andirsun
Copy link

This is my original SVG:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.125 -0.125 24.25 24.25" stroke-width="1.75" height="400" width="400"><defs></defs><title>desktop-monitor-approve</title><path d="M23.25,6.75a6,6,0,1,1-6-6" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.25,2.25,17.78,7.719a.749.749,0,0,1-1.06,0L15,6" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path><polygon points="15.75 23.25 8.25 23.25 9 20.25 15 20.25 15.75 23.25" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></polygon><line x1="6" y1="23.25" x2="18" y2="23.25" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.75" y1="17.25" x2="23.25" y2="17.25" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></line><path d="M23.25,14.25v3a3,3,0,0,1-3,3H3.75a3,3,0,0,1-3-3V6.75a3,3,0,0,1,3-3h4.5" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"></path></svg>
  • Preview:

Screenshot 2022-10-19 at 12 51 16 PM

After render SVG as PNG the library is cutting one of the corners

Result ->

Screenshot 2022-10-19 at 12 56 43 PM

You can check the base64 version of the image here
image.txt

I tested changing render values but nothing works.

@andirsun
Copy link
Author

yisibl/resvg-js#155

@RazrFalcon
Copy link
Owner

Interesting. Something is wrong with line caps. They should be round (half circle) and not boxy.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants