javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: format

Browse Source
This commit is contained in:
Nathan Walker
2020-07-05 14:57:06 -07:00
parent 8f2900ad0b
commit da3c0b973d
379 changed files with 71587 additions and 54582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
nativescript-core/matrix/index.d.ts vendored
View File

@@ -32,5 +32,6 @@ export declare function multiplyAffine2d(m1: number[], m2: number[]): number[];
* Decomposes a css matrix to simple transforms - translate, rotate and scale.
* @param matrix The css matrix array to decompose.
*/
export function decompose2DTransformMatrix(matrix: number[])
: TransformFunctionsInfo;
export function decompose2DTransformMatrix(
matrix: number[]
): TransformFunctionsInfo;

104
nativescript-core/matrix/index.ts
View File

@@ -3,79 +3,71 @@ import { TransformFunctionsInfo } from "../ui/animation";
import { radiansToDegrees, degreesToRadians } from "../utils/number-utils";
export const getTransformMatrix = ({ property, value }) =>
TRANSFORM_MATRIXES[property](value);
TRANSFORM_MATRIXES[property](value);
const TRANSFORM_MATRIXES = {
"scale": ({ x, y }) => [
x, 0, 0,
0, y, 0,
0, 0, 1,
],
"translate": ({ x, y }) => [
1, 0, x,
0, 1, y,
0, 0, 1,
],
"rotate": ({ x, y, z }) => {
// TODO: Handle rotations over X and Y axis
const radZ = degreesToRadians(z);
const cosZ = Math.cos(radZ);
const sinZ = Math.sin(radZ);
scale: ({ x, y }) => [x, 0, 0, 0, y, 0, 0, 0, 1],
translate: ({ x, y }) => [1, 0, x, 0, 1, y, 0, 0, 1],
rotate: ({ x, y, z }) => {
// TODO: Handle rotations over X and Y axis
const radZ = degreesToRadians(z);
const cosZ = Math.cos(radZ);
const sinZ = Math.sin(radZ);
return [
cosZ, -sinZ, 0,
sinZ, cosZ, 0,
0, 0, 1,
];
},
return [cosZ, -sinZ, 0, sinZ, cosZ, 0, 0, 0, 1];
},
};
export const matrixArrayToCssMatrix = (m: number[]) => [
m[0], m[3], m[1],
m[4], m[2], m[5],
m[0],
m[3],
m[1],
m[4],
m[2],
m[5],
];
export function multiplyAffine2d(m1: number[], m2: number[]): number[] {
return [
m1[0] * m2[0] + m1[1] * m2[3],
m1[0] * m2[1] + m1[1] * m2[4],
m1[0] * m2[2] + m1[1] * m2[5] + m1[2],
m1[3] * m2[0] + m1[4] * m2[3],
m1[3] * m2[1] + m1[4] * m2[4],
m1[3] * m2[2] + m1[4] * m2[5] + m1[5]
];
return [
m1[0] * m2[0] + m1[1] * m2[3],
m1[0] * m2[1] + m1[1] * m2[4],
m1[0] * m2[2] + m1[1] * m2[5] + m1[2],
m1[3] * m2[0] + m1[4] * m2[3],
m1[3] * m2[1] + m1[4] * m2[4],
m1[3] * m2[2] + m1[4] * m2[5] + m1[5],
];
}
// TODO: Decompose rotations over X and Y axis
export function decompose2DTransformMatrix(matrix: number[])
: TransformFunctionsInfo {
export function decompose2DTransformMatrix(
matrix: number[]
): TransformFunctionsInfo {
verifyTransformMatrix(matrix);
verifyTransformMatrix(matrix);
const [A, B, C, D, E, F] = [...matrix];
const determinant = A * D - B * C;
const translate = { x: E || 0, y: F || 0 };
const [A, B, C, D, E, F] = [...matrix];
const determinant = A * D - B * C;
const translate = { x: E || 0, y: F || 0 };
// rewrite with obj destructuring using the identity matrix
let rotate = 0;
let scale = { x: 1, y: 1 };
if (A || B) {
const R = Math.sqrt(A * A + B * B);
rotate = B > 0 ? Math.acos(A / R) : -Math.acos(A / R);
scale = { x: R, y: determinant / R };
} else if (C || D) {
const R = Math.sqrt(C * C + D * D);
rotate = Math.PI / 2 - (D > 0 ? Math.acos(-C / R) : -Math.acos(C / R));
scale = { x: determinant / R, y: R };
}
// rewrite with obj destructuring using the identity matrix
let rotate = 0;
let scale = { x: 1, y: 1 };
if (A || B) {
const R = Math.sqrt(A * A + B * B);
rotate = B > 0 ? Math.acos(A / R) : -Math.acos(A / R);
scale = { x: R, y: determinant / R };
} else if (C || D) {
const R = Math.sqrt(C * C + D * D);
rotate = Math.PI / 2 - (D > 0 ? Math.acos(-C / R) : -Math.acos(C / R));
scale = { x: determinant / R, y: R };
}
rotate = radiansToDegrees(rotate);
rotate = radiansToDegrees(rotate);
return { translate, rotate: { x: 0, y: 0, z: rotate }, scale };
return { translate, rotate: { x: 0, y: 0, z: rotate }, scale };
}
function verifyTransformMatrix(matrix: number[]) {
if (matrix.length < 6) {
throw new Error("Transform matrix should be 2x3.");
}
if (matrix.length < 6) {
throw new Error("Transform matrix should be 2x3.");
}
}