Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

SteinarvDesign

ShockinglyGreen
  • Posts

    15
  • Joined

  • Last visited

Community Answers

  1. SteinarvDesign's post in I am testing GSAP with this setup: html, css, js, CDN files and a 'scripts' folder. was marked as the answer   
    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
×