radToDeg() V4
将弧度转换为角度。
const degrees = utils.radToDeg(radians);
参数
名称 | 接受 |
---|---|
弧度 (可选) | 数字 |
返回
如果提供了弧度,则返回一个 数字
,否则返回一个用于将弧度转换为角度的链式实用工具 函数
const radToDeg = utils.radToDeg();
radToDeg(1.7453292519943295); // 100
radToDeg(Math.PI); // 180
const roundRadToDeg = utils.radToDeg().round(2); // Convert radians to degrees then round to 2 decimal places
roundRadToDeg(Math.PI / 7); // 25.71
radToDeg() 代码示例
import { animate, createAnimatable, utils } from 'animejs';
const degAnimatable = createAnimatable('.deg', {
rotate: { unit: 'deg', duration: 0 }
});
const [ $rad ] = utils.$('.rad');
const degAnimation = animate($rad, {
rotate: (Math.PI * 2) + 'rad',
ease: 'linear',
loop: true,
onUpdate: () => {
const radians = utils.get($rad, 'rotate', false);
degAnimatable.rotate(utils.radToDeg(radians));
}
});
<div class="x-large spaced-evenly row">
<div class="col">
<div class="clock rad"></div>
<div class="label">radians</div>
</div>
<div class="col">
<div class="clock deg"></div>
<div class="label">degrees</div>
</div>
</div>