Giter VIP home page Giter VIP logo

Comments (5)

legomushroom avatar legomushroom commented on May 7, 2024 1

Not sure about nearest release, but in near future for sure.

Don't close, I'll mark it as enhancement and close it when it will land to production. Thanks again!

from mojs.

legomushroom avatar legomushroom commented on May 7, 2024

Hi Jeremie! Thanks for the issue, great question!

Shape delta properties don't support any tween property besides 'easing'. It will be fixed in near future and will be consistent with more flexible HTML deltas.

You did it right with 'then' chain. Another possible solution is to use HTML module to animate those properties, but you will have to bootstrap your shape by yourself. HTML actually animates whatever CSS on the DOM element, so it will animate presentation attributes of SVG too.

Hope it helps.

from mojs.

Jeremboo avatar Jeremboo commented on May 7, 2024

Cool ! It will be very useful !

But seen like this, HTML module seem to be more powerful than Shape module if we put inside SVG elements. Why separate it on 2 modules with differents behaviors ?

from mojs.

legomushroom avatar legomushroom commented on May 7, 2024

HTML module is new one, Shape module is old one. So there was no HTML at all recently and frankly, I didn't plan it since you have a lot of libraries that support HTML pretty well. Turns out that only one of them supports timelines so I decided to add it. After refactoring, the HTML and shape will be almost entirely equal.

from mojs.

Jeremboo avatar Jeremboo commented on May 7, 2024

Okay ! Thank you for these precisions ! I will stop my questions or we'll spend all the night on that 😅.

So in conclusion, we can say the tween properties (like the duration) will be added to the shape delta properties into a near release ?

I close this issue or we will wait for this release ?

from mojs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.