36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
import KUTE from '../objects/kute.js'
|
|
import numbers from '../interpolation/numbers.js'
|
|
|
|
import pathToString from 'svg-path-commander/src/convert/pathToString.js'
|
|
|
|
// const SVGMorph = { property : 'path', defaultValue: [], interpolators: {numbers} }, functions = { prepareStart, prepareProperty, onStart, crossCheck }
|
|
|
|
|
|
// Component Functions
|
|
export function onStartCubicMorph(tweenProp){
|
|
if (!KUTE[tweenProp] && this.valuesEnd[tweenProp]) {
|
|
KUTE[tweenProp] = function(elem,a,b,v){
|
|
// v === 1 && console.log(a.curve,b.curve)
|
|
|
|
let curve = [], path1 = a.curve, path2 = b.curve;
|
|
for(let i=0, l=path2.length; i<l; i++) { // each path command
|
|
curve.push([path1[i][0]]);
|
|
for(var j=1,l2=path1[i].length;j<l2;j++) { // each command coordinate
|
|
curve[i].push( (numbers(path1[i][j], path2[i][j], v) * 1000 >>0)/1000 );
|
|
}
|
|
}
|
|
elem.setAttribute("d", v === 1 ? b.original : pathToString(curve) )
|
|
}
|
|
}
|
|
}
|
|
|
|
// Component Base
|
|
const baseSvgCubicMorph = {
|
|
component: 'baseSVGCubicMorph',
|
|
property: 'path',
|
|
// defaultValue: [],
|
|
Interpolate: {numbers,pathToString},
|
|
functions: {onStart:onStartCubicMorph}
|
|
}
|
|
|
|
export default baseSvgCubicMorph |