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.

1 reply

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 settings

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