Skip to main content
Question

SVG Export

  • July 2, 2023
  • 1 reply
  • 267 views
S

Hi everyone,

I am trying to create a SVG path animation using anime.js, i have converted this image

to a svg and exported.(currently not able to post the full image as my account is new)

when i animate the first letter ie “S” using the JS - get this image…

Screenshot 2023-07-03 at 12.10.59 AM

As you can see the “S” is clipped at left, top and right, why is this happening -

  1. I have tred rounding to pixel,
  2. and setting the pixel grid
This topic has been closed for replies.

Sahil_Khan

The path probably has a center stroke. I see the path is getting clipped in half at those points. Enable frame outlines in Figma and you’ll see the path getting clipped there as well. Either make the S a little smaller or make the frame a little larger so that it fits within the bounds.

Terms & ConditionsCookie settingsAccessibility statement

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings