You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 lines
698 B
17 lines
698 B
4 months ago
|
import { __assign } from "tslib";
|
||
|
|
import { interpolate } from './interpolate';
|
||
|
|
export function keyframeInterpolate(element, from, to, options) {
|
||
|
|
if (!options) {
|
||
|
|
element.attr('__keyframe_data__', to);
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
var _a = options.duration, duration = _a === void 0 ? 0 : _a;
|
||
|
|
var int = interpolate(from, to);
|
||
|
|
var count = Math.ceil(+duration / 16);
|
||
|
|
var keyframes = new Array(count)
|
||
|
|
.fill(0)
|
||
|
|
.map(function (datum, index, array) { return ({ __keyframe_data__: int(index / (array.length - 1)) }); });
|
||
|
|
// @ts-ignore
|
||
|
|
return element.animate(keyframes, __assign({ fill: 'both' }, options));
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=keyframe-interpolate.js.map
|