单位转换值

将值转换为与默认值或当前使用的值不同的单位。

在使用 JS animate() 方法时,单位转换有时会根据使用的单位类型和动画属性产生意想不到的结果。
为了获得更可预测的结果,建议使用 utils.set() 在动画之外定义单位,然后动画化到当前单位。

或者直接使用 WAAPI animate() 方法。

接受

字符串

单位转换值代码示例

import { animate, utils } from 'animejs';

animate('.square', {
  width: '25%', // from '48px' to '25%',
  x: '15rem', // from '0px' to '15rem',
  rotate: '.75turn', // from `0deg` to '.75turn',
});
<div class="large row">
  <div class="square"></div>
</div>