Jump to content


Odd Morph SVG happening

Recommended Posts

I have what I feel are 2 kind of basic shapes that I'm trying to morph. But for some reason when I try to morph them, the starting shape becomes this large, very odd shape and tries to morph from that. I have tried a couple of different things. Matching points on both vector shapes. ShapeIndex to try and better align the points, but nothing seems to make a difference. 


Here are what the shapes look like:




See the Pen RwNaxoj by icekomo (@icekomo) on CodePen

  • Thanks 1
Link to comment
Share on other sites

Hm, I'll look into that - it looks like it's having a difficult time parsing the SVG data ("a" commands are notoriously tricky). I'll get back to you when I have more info. 

  • Like 1
Link to comment
Share on other sites

Okay, if you clear your cache and reload, you should see that it works now. The problem was that your SVG path data was using an odd kind of compression that I had never seen before, where it actually merges some of the parameter values in the arc command, like: 


// typical, 7 separate arc parameters:
"a8 8 0 0 1 8 8"

// yours, where the two flags in the middle are merged along with the x value, so it looks like only 5 parameters:
"a8 8 0 018 8"

I have made the necessary adjustments in the plugin to recognize that condition. I'll put it in the 3.0.3 push that'll be out shortly and you'll be able to download it in the zip file. 


Sorry about any confusion there - I've never seen something like that before, and nobody else ran into it in the years since MorphSVGPlugin was released (at least nobody reported any such issue). Glad it works around that condition now. ?

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.