Jump to content
Search Community

MorphSVG malformed path problem

hellodude.it test
Moderator Tag

Recommended Posts

Hi,

i have a svg that I'm trying to morph and it throws the "ERROR: malformed path: #item3 .name3 path:nth-child(2)". 

 

<div id="item3">
  <div>

   <div className="number"></div>

   <div className="name name3">
   
    <svg preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1370.69 168.39">
      <path d="M54.5,22.06H0V3.74H130.75V22.06H76.25V167.23H54.5Z"/>
      <path d="M215.05,0c51.1,0,77,40.52,77,84.19s-25.89,84.2-77,84.2-77-40.52-77-84.2S164,0,215.05,0Zm0,150.38c39.17,0,55.61-33.77,55.61-66.19S254.22,18,215.05,18s-55.6,33.77-55.6,66.18S175.88,150.38,215.05,150.38Z"/>
      <path d="M315.45,166.93V27.32h23.27V166.93Zm69.8-139.61H338.72V4.05h46.53Zm0,139.61V27.32h23.27V166.93ZM455.06,27.32H408.52V4.05h46.54Zm0,139.61V27.32h23.27V166.93Z"/>
      <path d="M520.82,120.39H497.55V50.58h23.27v69.81Zm0-69.81V27.32h23.27V50.58Zm23.27,93.08H520.82V120.39h23.27Zm69.8-116.34h-69.8V4.05h69.8ZM590.63,143.66h23.26v23.27h-69.8V143.66h46.54Zm46.53-93.08H613.89V27.32h23.27Zm-23.27,93.08V120.39h23.27v23.27Zm23.27-23.27V50.58h23.27v69.81Z"/>
      <path d="M756.87,22.06H702.38V3.74H833.13V22.06h-54.5V167.23H756.87Z"/>
      <path d="M866.88,120.39H843.61V50.58h23.27v69.81Zm0-69.81V27.32h23.27V50.58Zm23.27,93.08H866.88V120.39h23.27ZM960,27.32h-69.8V4.05H960ZM936.69,143.66H960v23.27h-69.8V143.66h46.54Zm46.53-93.08H960V27.32h23.27ZM960,143.66V120.39h23.27v23.27Zm23.27-23.27V50.58h23.27v69.81Z"/>
      <path d="M1025.44,3.74h29.77l51.52,137.39L1158.48,3.74h29.77V167.23h-20.61v-136h-.46l-51.06,136h-18.55l-51.06-136h-.46v136h-20.61Z"/>
      <path d="M1230.78,120.39h-23.27V50.58h23.27v69.81Zm0-69.81V27.32H1254V50.58ZM1254,143.66h-23.26V120.39H1254Zm69.81-116.34H1254V4.05h69.81Zm-23.27,116.34h23.27v23.27H1254V143.66h46.54Zm46.54-93.08h-23.27V27.32h23.27Zm-23.27,93.08V120.39h23.27v23.27Zm23.27-23.27V50.58h23.27v69.81Z"/>
    </svg>    
     
   </div>

  </div>
</div>

 

Can someone please help me?

Thank you,

a.

 

Link to comment
Share on other sites

10 hours ago, GreenSock said:

Yeah, it looks like your markup is incorrect: 


<!-- BAD --> 
<div className="name name3">
  
<!-- GOOD --> 
<div class="name name3">

(class, not className). 

This is a code from a React app, so className is correct (sorry if i don't mention it before).

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.
×
×
  • Create New...