85 lines
2.2 KiB
JavaScript
85 lines
2.2 KiB
JavaScript
|
import Matrix2D from '../Matrix2D';
|
|||
|
|
import _ from 'lodash';
|
|||
|
|
let pooledMatrix = new Matrix2D();
|
|||
|
|
|
|||
|
|
function transformToMatrix(props, transform) {
|
|||
|
|
pooledMatrix.reset();
|
|||
|
|
appendTransform(props);
|
|||
|
|
|
|||
|
|
if (transform) {
|
|||
|
|
appendTransform(transform);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return pooledMatrix.toArray();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function appendTransform(transform) {
|
|||
|
|
pooledMatrix
|
|||
|
|
.appendTransform(
|
|||
|
|
transform.x + transform.originX,
|
|||
|
|
transform.y + transform.originY,
|
|||
|
|
transform.scaleX, transform.scaleY,
|
|||
|
|
transform.rotation,
|
|||
|
|
transform.skewX,
|
|||
|
|
transform.skewY,
|
|||
|
|
transform.originX,
|
|||
|
|
transform.originY
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function universal2axis(universal, axisX, axisY, defaultValue) {
|
|||
|
|
let coords = [];
|
|||
|
|
let x;
|
|||
|
|
let y;
|
|||
|
|
if (_.isString(universal)) {
|
|||
|
|
coords = universal.split(/\s*,\s*/);
|
|||
|
|
if (coords.length === 2) {
|
|||
|
|
x = +coords[0];
|
|||
|
|
y = +coords[1];
|
|||
|
|
} else if (coords.length === 1) {
|
|||
|
|
x = y = +coords[0];
|
|||
|
|
}
|
|||
|
|
} else if (_.isNumber(universal)) {
|
|||
|
|
x = y = universal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
axisX = +axisX;
|
|||
|
|
if (!isNaN(axisX)) {
|
|||
|
|
x = axisX;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
axisY = +axisY;
|
|||
|
|
if (!isNaN(axisY)) {
|
|||
|
|
y = axisY;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return [x || defaultValue || 0, y || defaultValue || 0];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function props2transform(props) {
|
|||
|
|
let [originX, originY] = universal2axis(props.origin, props.originX, props.originY);
|
|||
|
|
let [scaleX, scaleY] = universal2axis(props.scale, props.scaleX, props.scaleY, 1);
|
|||
|
|
let [skewX, skewY] = universal2axis(props.skew, props.skewX, props.skewY);
|
|||
|
|
let [translateX, translateY] = universal2axis(
|
|||
|
|
props.translate,
|
|||
|
|
_.isNil(props.translateX) ? props.x : props.translateX,
|
|||
|
|
_.isNil(props.translateY) ? props.y : props.translateY
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
rotation: +props.rotation || +props.rotate || 0,
|
|||
|
|
scaleX: scaleX,
|
|||
|
|
scaleY: scaleY,
|
|||
|
|
originX: originX,
|
|||
|
|
originY: originY,
|
|||
|
|
skewX: skewX,
|
|||
|
|
skewY: skewY,
|
|||
|
|
x: translateX,
|
|||
|
|
y: translateY
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default function (props) {
|
|||
|
|
return transformToMatrix(props2transform(props), props.transform ? props2transform(props.transform) : null);
|
|||
|
|
}
|