JavaScript 对象属性 JS

数值和颜色 JavaScript Object 属性可以直接作为动画参数传递。

JavaScript 对象属性代码示例

import { animate, utils } from 'animejs';

const myObject = {
  number: 1337,
  unit: '42%',
}

const [ $log ] = utils.$('code');

animate(myObject, {
  number: 50,
  unit: '100%',
  modifier: utils.round(0),
  onRender: function() {
    $log.innerHTML = JSON.stringify(myObject);
  }
});

<pre class="row large centered">
  <code>{"number":1337,"unit":"42%"}</code>
</pre>

CSS 变量
HTML 属性