scratchfoundation/scratchjr
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratchjr.git synced 2025-08-20 18:18:49 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Transform.js module

Browse source
This commit is contained in:
Tim Mickel 2016-01-13 17:40:50 -05:00
parent 535e61f628
commit 53ac780598
1 changed files with 483 additions and 477 deletions

116
src/painteditor/Transform.js
View file

@ -1,10 +1,15 @@
var Transform = function () {};
//////////////////////////////////
// SVG Transforms
//////////////////////////////////
Transform.getList = function (elem) {
import SVGTools from './SVGTools';
import SVG2Canvas from './SVG2Canvas';
import Paint from './Paint';
import Vector from '../geom/Vector';
import {gn, DEGTOR} from '../utils/lib';
export default class Transform {
static getList (elem) {
if (elem == undefined) {
return null;
}
@ -14,9 +19,9 @@ Transform.getList = function (elem) {
return elem.gradientTransform.baseVal;
}
return null;
};
}
Transform.extract = function (elem, n) {
static extract (elem, n) {
var tl = Transform.getList(elem);
for (var i = 0; i < tl.numberOfItems; ++i) {
if (tl.getItem(i).type == n) {
@ -24,9 +29,9 @@ Transform.extract = function (elem, n) {
}
}
return Paint.root.createSVGTransform();
};
}
Transform.getIndex = function (elem, n) {
static getIndex (elem, n) {
var tl = Transform.getList(elem);
for (var i = 0; i < tl.numberOfItems; ++i) {
if (tl.getItem(i).type == n) {
@ -34,24 +39,24 @@ Transform.getIndex = function (elem, n) {
}
}
return null;
};
}
Transform.point = function (x, y, m) {
static point (x, y, m) {
return Transform.newPoint(x, y).matrixTransform(m);
};
}
Transform.newPoint = function (x, y) {
static newPoint (x, y) {
var pt = Paint.root.createSVGPoint();
pt.x = x;
pt.y = y;
return pt;
};
}
////////////////////////////
// Element translation
////////////////////////////
Transform.translateTo = function (elem, xform) {
static translateTo (elem, xform) {
if (elem == undefined) {
return;
}
@ -102,9 +107,9 @@ Transform.translateTo = function (elem, xform) {
}
Transform.updateAll(elem);
Transform.updateRotationCenter(elem);
};
}
Transform.updateRotationCenter = function (elem) {
static updateRotationCenter (elem) {
if (Transform.getRotationAngle(elem) == 0) {
return;
}
@ -114,9 +119,9 @@ Transform.updateRotationCenter = function (elem) {
var center = SVGTools.getBoxCenter(elem);
center = Transform.point(center.x, center.y, mtx);
rot.setRotate(angle, center.x, center.y);
};
}
Transform.line = function (elem, mtx) {
static line (elem, mtx) {
var pt = Paint.root.createSVGPoint();
pt.x = Number(elem.getAttribute('x1'));
pt.y = Number(elem.getAttribute('y1'));
@ -128,9 +133,9 @@ Transform.line = function (elem, mtx) {
pt = pt.matrixTransform(mtx);
elem.setAttribute('x2', pt.x);
elem.setAttribute('y2', pt.y);
};
}
Transform.eleminateTranslates = function (elem) {
static eleminateTranslates (elem) {
var tl = Transform.getList(elem);
for (var i = 0; i < tl.numberOfItems; ++i) {
if (tl.getItem(i).type == 2) {
@ -146,9 +151,9 @@ Transform.eleminateTranslates = function (elem) {
}
}
};
}
Transform.eliminateAll = function (spr) {
static eliminateAll (spr) {
var tl = Transform.getList(spr);
if (tl && tl.numberOfItems > 0) {
var k = tl.numberOfItems;
@ -157,9 +162,9 @@ Transform.eliminateAll = function (spr) {
}
}
return tl;
};
}
Transform.combineAll = function (elem) {
static combineAll (elem) {
var tl = Transform.getList(elem);
if (tl == null) {
return Paint.root.createSVGMatrix();
@ -171,9 +176,9 @@ Transform.combineAll = function (elem) {
m = m.multiply(mtom.matrix);
}
return m;
};
}
Transform.appendForMove = function (elem, t) {
static appendForMove (elem, t) {
var tl = Transform.getList(elem);
if (tl == null) {
return;
@ -183,28 +188,28 @@ Transform.appendForMove = function (elem, t) {
} else {
tl.insertItemBefore(t, 0);
}
};
}
Transform.getTranslateTransform = function () {
static getTranslateTransform () {
var res = Paint.root.createSVGTransform();
res.setTranslate(0, 0);
return res;
};
}
Transform.applyRotation = function (elem, angle) {
static applyRotation (elem, angle) {
var rot = Paint.root.createSVGTransform();
var box = SVGTools.getBox(elem);
var cx = box.x + box.width / 2;
var cy = box.y + box.height / 2;
rot.setRotate(angle, cx, cy);
Transform.getList(elem).appendItem(rot);
};
}
//////////////////////////////////
// SVG Transforms
//////////////////////////////////
Transform.getRotationAngle = function (elem, to_rad) {
static getRotationAngle (elem, to_rad) {
var tl = Transform.getList(elem);
if (!tl) {
return 0;
@ -217,9 +222,9 @@ Transform.getRotationAngle = function (elem, to_rad) {
}
}
return 0.0;
};
}
Transform.getRotation = function (elem) {
static getRotation (elem) {
//console.log ("Transform.getRotation", elem);
var tl = Transform.getList(elem);
var num = tl.numberOfItems;
@ -239,9 +244,9 @@ Transform.getRotation = function (elem) {
Transform.getList(elem).insertItemBefore(rot, 0);
}
return rot;
};
}
Transform.getValid = function (elem) {
static getValid (elem) {
if (!elem) {
return;
}
@ -279,9 +284,9 @@ Transform.getValid = function (elem) {
return null;
}
return tl;
};
}
Transform.getCombinedMatrices = function (elem) {
static getCombinedMatrices (elem) {
var tl = Transform.getList(elem);
if (tl == null) {
return Paint.root.createSVGMatrix();
@ -297,9 +302,9 @@ Transform.getCombinedMatrices = function (elem) {
}
}
return m;
};
}
Transform.hasScaleMatrix = function (elem) {
static hasScaleMatrix (elem) {
var tl = Transform.getList(elem);
if (tl == null) {
return false;
@ -310,39 +315,35 @@ Transform.hasScaleMatrix = function (elem) {
}
}
return false;
};
}
Transform.getScaleMatrix = function (e) {
static getScaleMatrix (e) {
var tl = Transform.getList(e);
var scaleIndex = Transform.getIndex(e, 3);
if (scaleIndex != null) {
return tl.getItem(scaleIndex).matrix;
}
return Paint.root.createSVGMatrix();
};
}
Transform.updateAll = function (elem) {
static updateAll (elem) {
var newtl = Transform.getList(elem);
if (newtl && newtl.numberOfItems == 0) {
elem.removeAttribute('transform');
}
};
}
Transform.applyMatrix = function (elem, matrix) {
static applyMatrix (elem, matrix) {
var m = Paint.root.createSVGTransform();
m.setMatrix(matrix);
Transform.getList(elem).appendItem(m);
};
SVGMatrix.prototype.isIdentity = function () {
return (this.a == 1 && this.b == 0 && this.c == 0 && this.d == 1 && this.e == 0 && this.f == 0);
};
}
////////////////////////////////////////////////////////////
// Paths data structure
////////////////////////////////////////////////////////////
Transform.applyToCmds = function (shape, mtx) {
static applyToCmds (shape, mtx) {
var d = shape.getAttribute('d');
var list = SVG2Canvas.getCommandList(d);
var plist = [];
@ -356,9 +357,9 @@ Transform.applyToCmds = function (shape, mtx) {
}
var path = SVG2Canvas.arrayToString(plist);
shape.setAttribute('d', path);
};
}
Transform.getModifiedCmd = function (cmd, mtx) {
static getModifiedCmd (cmd, mtx) {
var pt = Transform.newPoint(0, 0);
if (cmd.length < 2) {
return cmd;
@ -381,14 +382,14 @@ Transform.getModifiedCmd = function (cmd, mtx) {
cmd[i + 1] = pt.y;
}
return cmd;
};
}
////////////////////////////////////////////////
// Element Rotation
///////////////////////////////////////////////
Transform.rotateFromPoint = function (erot, node) {
static rotateFromPoint (erot, node) {
var pname = node.tagName;
var rot = Transform.getRotation(node);
var c, p, delta, mtx, cx, cy;
@ -501,4 +502,9 @@ Transform.rotateFromPoint = function (erot, node) {
Transform.applyToCmds(node, Transform.combineAll(node));
Transform.eliminateAll(node);
}
}
}
SVGMatrix.prototype.isIdentity = function () {
return (this.a == 1 && this.b == 0 && this.c == 0 && this.d == 1 && this.e == 0 && this.f == 0);
};