Comments (5)
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.
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.
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.
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.
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)
- GPR publication workflow failure HOT 2
- Not working on IE HOT 2
- then() method is firing error "TypeError: Cannot read property '4' of null" HOT 9
- 可以为mojs添加一个removeShape的功能吗 HOT 3
- Improve the way custom shapes are instantiated HOT 4
- Unable to import in "modules" mode HOT 3
- The file imported by cdn reports an error(a native html page) HOT 2
- Como corrigir o erro/How to fix the error: Uncaught TypeError: Cannot read properties of null (reading 'appendChild') HOT 1
- Offset on click animations HOT 3
- Frame-by-frame animation HOT 6
- Independent delta not working in .then HOT 4
- Move Shape To Absolute Position HOT 1
- Document How to Add `pointer-events: none` To Shape/Timeline HOT 2
- @mojs/core not working with remix.run > ReferenceError: self is not defined HOT 1
- Mo.js support for typescript HOT 1
- Upgrade to NodeJS 20 HOT 5
- Showcase code is not working HOT 3
- The `dist` folder is missing in the npm package for `v1.7.0` HOT 1
- Tween has chance to be played 2 times rapidly in a timeline. HOT 3
- Path Easing Debugging
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mojs.