Jump to content
Search Community

I am testing GSAP with this setup: html, css, js, CDN files and a 'scripts' folder.

SteinarvDesign test
Moderator Tag

Go to solution Solved by SteinarvDesign,

Recommended Posts

  • Solution

I have recently become a Club GreenSock member -  ShockinglyGreen, and have installed the GSAP bonus plugins on my computer.
I am testing GSAP with this setup: html, css, js, CDN files and a 'scripts' folder.

For testing I am using the code in 'Toggle button with javascript svg animation' by @fitzsyke 'Artem' on codepen .

 

I am using these scripts in the html file.
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js" integrity="sha384-..."crossorigin="anonymous"></script>
<script src="./scripts/MorphSVGPlugin.min.js"></script>
<script src="./scripts/CustomEase.min.js"></script>

 

There is a problem with:
const morphSVGPlugin = MorphSVGPlugin;  - in the js file and morphSVGPlugin.pathDataToBezier - also in the js file
Here is the error:
script.js:40 Uncaught TypeError: morphSVGPlugin.pathDataToBezier is not a function

What is causing this problem ?
 

See the Pen QzMMVJ?editors=1010 by fitzsyke (@fitzsyke) on CodePen

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...