502 lines
18 KiB
JavaScript
502 lines
18 KiB
JavaScript
define("dojox/gfx/matrix", ["./_base","dojo/_base/lang"],
|
|
function(g, lang){
|
|
var m = g.matrix = {};
|
|
|
|
// candidates for dojox.math:
|
|
var _degToRadCache = {};
|
|
m._degToRad = function(degree){
|
|
return _degToRadCache[degree] || (_degToRadCache[degree] = (Math.PI * degree / 180));
|
|
};
|
|
m._radToDeg = function(radian){ return radian / Math.PI * 180; };
|
|
|
|
m.Matrix2D = function(arg){
|
|
// summary:
|
|
// a 2D matrix object
|
|
// description:
|
|
// Normalizes a 2D matrix-like object. If arrays is passed,
|
|
// all objects of the array are normalized and multiplied sequentially.
|
|
// arg: Object
|
|
// a 2D matrix-like object, a number, or an array of such objects
|
|
if(arg){
|
|
if(typeof arg == "number"){
|
|
this.xx = this.yy = arg;
|
|
}else if(arg instanceof Array){
|
|
if(arg.length > 0){
|
|
var matrix = m.normalize(arg[0]);
|
|
// combine matrices
|
|
for(var i = 1; i < arg.length; ++i){
|
|
var l = matrix, r = m.normalize(arg[i]);
|
|
matrix = new m.Matrix2D();
|
|
matrix.xx = l.xx * r.xx + l.xy * r.yx;
|
|
matrix.xy = l.xx * r.xy + l.xy * r.yy;
|
|
matrix.yx = l.yx * r.xx + l.yy * r.yx;
|
|
matrix.yy = l.yx * r.xy + l.yy * r.yy;
|
|
matrix.dx = l.xx * r.dx + l.xy * r.dy + l.dx;
|
|
matrix.dy = l.yx * r.dx + l.yy * r.dy + l.dy;
|
|
}
|
|
lang.mixin(this, matrix);
|
|
}
|
|
}else{
|
|
lang.mixin(this, arg);
|
|
}
|
|
}
|
|
};
|
|
|
|
// the default (identity) matrix, which is used to fill in missing values
|
|
lang.extend(m.Matrix2D, {xx: 1, xy: 0, yx: 0, yy: 1, dx: 0, dy: 0});
|
|
|
|
lang.mixin(m, {
|
|
// summary:
|
|
// class constants, and methods of dojox/gfx/matrix
|
|
|
|
// matrix constants
|
|
|
|
// identity: dojox/gfx/matrix.Matrix2D
|
|
// an identity matrix constant: identity * (x, y) == (x, y)
|
|
identity: new m.Matrix2D(),
|
|
|
|
// flipX: dojox/gfx/matrix.Matrix2D
|
|
// a matrix, which reflects points at x = 0 line: flipX * (x, y) == (-x, y)
|
|
flipX: new m.Matrix2D({xx: -1}),
|
|
|
|
// flipY: dojox/gfx/matrix.Matrix2D
|
|
// a matrix, which reflects points at y = 0 line: flipY * (x, y) == (x, -y)
|
|
flipY: new m.Matrix2D({yy: -1}),
|
|
|
|
// flipXY: dojox/gfx/matrix.Matrix2D
|
|
// a matrix, which reflects points at the origin of coordinates: flipXY * (x, y) == (-x, -y)
|
|
flipXY: new m.Matrix2D({xx: -1, yy: -1}),
|
|
|
|
// matrix creators
|
|
|
|
translate: function(a, b){
|
|
// summary:
|
|
// forms a translation matrix
|
|
// description:
|
|
// The resulting matrix is used to translate (move) points by specified offsets.
|
|
// a: Number|dojox/gfx.Point
|
|
// an x coordinate value, or a point-like object, which specifies offsets for both dimensions
|
|
// b: Number?
|
|
// a y coordinate value
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 1){
|
|
return new m.Matrix2D({dx: a, dy: b}); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
// branch
|
|
return new m.Matrix2D({dx: a.x, dy: a.y}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
scale: function(a, b){
|
|
// summary:
|
|
// forms a scaling matrix
|
|
// description:
|
|
// The resulting matrix is used to scale (magnify) points by specified offsets.
|
|
// a: Number|dojox/gfx.Point
|
|
// a scaling factor used for the x coordinate, or
|
|
// a uniform scaling factor used for the both coordinates, or
|
|
// a point-like object, which specifies scale factors for both dimensions
|
|
// b: Number?
|
|
// a scaling factor used for the y coordinate
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 1){
|
|
return new m.Matrix2D({xx: a, yy: b}); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
if(typeof a == "number"){
|
|
return new m.Matrix2D({xx: a, yy: a}); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return new m.Matrix2D({xx: a.x, yy: a.y}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
rotate: function(angle){
|
|
// summary:
|
|
// forms a rotating matrix
|
|
// description:
|
|
// The resulting matrix is used to rotate points
|
|
// around the origin of coordinates (0, 0) by specified angle.
|
|
// angle: Number
|
|
// an angle of rotation in radians (>0 for CW)
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
var c = Math.cos(angle);
|
|
var s = Math.sin(angle);
|
|
return new m.Matrix2D({xx: c, xy: -s, yx: s, yy: c}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
rotateg: function(degree){
|
|
// summary:
|
|
// forms a rotating matrix
|
|
// description:
|
|
// The resulting matrix is used to rotate points
|
|
// around the origin of coordinates (0, 0) by specified degree.
|
|
// See dojox/gfx/matrix.rotate() for comparison.
|
|
// degree: Number
|
|
// an angle of rotation in degrees (>0 for CW)
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
return m.rotate(m._degToRad(degree)); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewX: function(angle) {
|
|
// summary:
|
|
// forms an x skewing matrix
|
|
// description:
|
|
// The resulting matrix is used to skew points in the x dimension
|
|
// around the origin of coordinates (0, 0) by specified angle.
|
|
// angle: Number
|
|
// a skewing angle in radians
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
return new m.Matrix2D({xy: Math.tan(angle)}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewXg: function(degree){
|
|
// summary:
|
|
// forms an x skewing matrix
|
|
// description:
|
|
// The resulting matrix is used to skew points in the x dimension
|
|
// around the origin of coordinates (0, 0) by specified degree.
|
|
// See dojox/gfx/matrix.skewX() for comparison.
|
|
// degree: Number
|
|
// a skewing angle in degrees
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
return m.skewX(m._degToRad(degree)); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewY: function(angle){
|
|
// summary:
|
|
// forms a y skewing matrix
|
|
// description:
|
|
// The resulting matrix is used to skew points in the y dimension
|
|
// around the origin of coordinates (0, 0) by specified angle.
|
|
// angle: Number
|
|
// a skewing angle in radians
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
return new m.Matrix2D({yx: Math.tan(angle)}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewYg: function(degree){
|
|
// summary:
|
|
// forms a y skewing matrix
|
|
// description:
|
|
// The resulting matrix is used to skew points in the y dimension
|
|
// around the origin of coordinates (0, 0) by specified degree.
|
|
// See dojox/gfx/matrix.skewY() for comparison.
|
|
// degree: Number
|
|
// a skewing angle in degrees
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
return m.skewY(m._degToRad(degree)); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
reflect: function(a, b){
|
|
// summary:
|
|
// forms a reflection matrix
|
|
// description:
|
|
// The resulting matrix is used to reflect points around a vector,
|
|
// which goes through the origin.
|
|
// a: dojox/gfx.Point|Number
|
|
// a point-like object, which specifies a vector of reflection, or an X value
|
|
// b: Number?
|
|
// a Y value
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length == 1){
|
|
b = a.y;
|
|
a = a.x;
|
|
}
|
|
// make a unit vector
|
|
var a2 = a * a, b2 = b * b, n2 = a2 + b2, xy = 2 * a * b / n2;
|
|
return new m.Matrix2D({xx: 2 * a2 / n2 - 1, xy: xy, yx: xy, yy: 2 * b2 / n2 - 1}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
project: function(a, b){
|
|
// summary:
|
|
// forms an orthogonal projection matrix
|
|
// description:
|
|
// The resulting matrix is used to project points orthogonally on a vector,
|
|
// which goes through the origin.
|
|
// a: dojox/gfx.Point|Number
|
|
// a point-like object, which specifies a vector of projection, or
|
|
// an x coordinate value
|
|
// b: Number?
|
|
// a y coordinate value
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length == 1){
|
|
b = a.y;
|
|
a = a.x;
|
|
}
|
|
// make a unit vector
|
|
var a2 = a * a, b2 = b * b, n2 = a2 + b2, xy = a * b / n2;
|
|
return new m.Matrix2D({xx: a2 / n2, xy: xy, yx: xy, yy: b2 / n2}); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
|
|
// ensure matrix 2D conformance
|
|
normalize: function(matrix){
|
|
// summary:
|
|
// converts an object to a matrix, if necessary
|
|
// description:
|
|
// Converts any 2D matrix-like object or an array of
|
|
// such objects to a valid dojox/gfx/matrix.Matrix2D object.
|
|
// matrix: Object
|
|
// an object, which is converted to a matrix, if necessary
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
return (matrix instanceof m.Matrix2D) ? matrix : new m.Matrix2D(matrix); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
|
|
// common operations
|
|
|
|
isIdentity: function(matrix){
|
|
// summary:
|
|
// returns whether the specified matrix is the identity.
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix object to be tested
|
|
// returns: Boolean
|
|
return matrix.xx == 1 && matrix.xy == 0 && matrix.yx == 0 && matrix.yy == 1 && matrix.dx == 0 && matrix.dy == 0; // Boolean
|
|
},
|
|
clone: function(matrix){
|
|
// summary:
|
|
// creates a copy of a 2D matrix
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix-like object to be cloned
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
var obj = new m.Matrix2D();
|
|
for(var i in matrix){
|
|
if(typeof(matrix[i]) == "number" && typeof(obj[i]) == "number" && obj[i] != matrix[i]) obj[i] = matrix[i];
|
|
}
|
|
return obj; // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
invert: function(matrix){
|
|
// summary:
|
|
// inverts a 2D matrix
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix-like object to be inverted
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
var M = m.normalize(matrix),
|
|
D = M.xx * M.yy - M.xy * M.yx;
|
|
M = new m.Matrix2D({
|
|
xx: M.yy/D, xy: -M.xy/D,
|
|
yx: -M.yx/D, yy: M.xx/D,
|
|
dx: (M.xy * M.dy - M.yy * M.dx) / D,
|
|
dy: (M.yx * M.dx - M.xx * M.dy) / D
|
|
});
|
|
return M; // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
_multiplyPoint: function(matrix, x, y){
|
|
// summary:
|
|
// applies a matrix to a point
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix object to be applied
|
|
// x: Number
|
|
// an x coordinate of a point
|
|
// y: Number
|
|
// a y coordinate of a point
|
|
// returns: dojox/gfx.Point
|
|
return {x: matrix.xx * x + matrix.xy * y + matrix.dx, y: matrix.yx * x + matrix.yy * y + matrix.dy}; // dojox/gfx.Point
|
|
},
|
|
multiplyPoint: function(matrix, /* Number||Point */ a, /* Number? */ b){
|
|
// summary:
|
|
// applies a matrix to a point
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix object to be applied
|
|
// a: Number|dojox/gfx.Point
|
|
// an x coordinate of a point, or a point
|
|
// b: Number?
|
|
// a y coordinate of a point
|
|
// returns: dojox/gfx.Point
|
|
var M = m.normalize(matrix);
|
|
if(typeof a == "number" && typeof b == "number"){
|
|
return m._multiplyPoint(M, a, b); // dojox/gfx.Point
|
|
}
|
|
return m._multiplyPoint(M, a.x, a.y); // dojox/gfx.Point
|
|
},
|
|
multiplyRectangle: function(matrix, /*Rectangle*/ rect){
|
|
// summary:
|
|
// Applies a matrix to a rectangle.
|
|
// description:
|
|
// The method applies the transformation on all corners of the
|
|
// rectangle and returns the smallest rectangle enclosing the 4 transformed
|
|
// points.
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix object to be applied.
|
|
// rect: Rectangle
|
|
// the rectangle to transform.
|
|
// returns: dojox/gfx.Rectangle
|
|
var M = m.normalize(matrix);
|
|
rect = rect || {x:0, y:0, width:0, height:0};
|
|
if(m.isIdentity(M))
|
|
return {x: rect.x, y: rect.y, width: rect.width, height: rect.height}; // dojo/gfx.Rectangle
|
|
var p0 = m.multiplyPoint(M, rect.x, rect.y),
|
|
p1 = m.multiplyPoint(M, rect.x, rect.y + rect.height),
|
|
p2 = m.multiplyPoint(M, rect.x + rect.width, rect.y),
|
|
p3 = m.multiplyPoint(M, rect.x + rect.width, rect.y + rect.height),
|
|
minx = Math.min(p0.x, p1.x, p2.x, p3.x),
|
|
miny = Math.min(p0.y, p1.y, p2.y, p3.y),
|
|
maxx = Math.max(p0.x, p1.x, p2.x, p3.x),
|
|
maxy = Math.max(p0.y, p1.y, p2.y, p3.y);
|
|
return{ // dojo/gfx.Rectangle
|
|
x: minx,
|
|
y: miny,
|
|
width: maxx - minx,
|
|
height: maxy - miny
|
|
};
|
|
},
|
|
multiply: function(matrix){
|
|
// summary:
|
|
// combines matrices by multiplying them sequentially in the given order
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix-like object,
|
|
// all subsequent arguments are matrix-like objects too
|
|
var M = m.normalize(matrix);
|
|
// combine matrices
|
|
for(var i = 1; i < arguments.length; ++i){
|
|
var l = M, r = m.normalize(arguments[i]);
|
|
M = new m.Matrix2D();
|
|
M.xx = l.xx * r.xx + l.xy * r.yx;
|
|
M.xy = l.xx * r.xy + l.xy * r.yy;
|
|
M.yx = l.yx * r.xx + l.yy * r.yx;
|
|
M.yy = l.yx * r.xy + l.yy * r.yy;
|
|
M.dx = l.xx * r.dx + l.xy * r.dy + l.dx;
|
|
M.dy = l.yx * r.dx + l.yy * r.dy + l.dy;
|
|
}
|
|
return M; // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
|
|
// high level operations
|
|
|
|
_sandwich: function(matrix, x, y){
|
|
// summary:
|
|
// applies a matrix at a central point
|
|
// matrix: dojox/gfx/matrix.Matrix2D
|
|
// a 2D matrix-like object, which is applied at a central point
|
|
// x: Number
|
|
// an x component of the central point
|
|
// y: Number
|
|
// a y component of the central point
|
|
return m.multiply(m.translate(x, y), matrix, m.translate(-x, -y)); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
scaleAt: function(a, b, c, d){
|
|
// summary:
|
|
// scales a picture using a specified point as a center of scaling
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.scale().
|
|
// a: Number
|
|
// a scaling factor used for the x coordinate, or a uniform scaling factor used for both coordinates
|
|
// b: Number?
|
|
// a scaling factor used for the y coordinate
|
|
// c: Number|Point
|
|
// an x component of a central point, or a central point
|
|
// d: Number
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
switch(arguments.length){
|
|
case 4:
|
|
// a and b are scale factor components, c and d are components of a point
|
|
return m._sandwich(m.scale(a, b), c, d); // dojox/gfx/matrix.Matrix2D
|
|
case 3:
|
|
if(typeof c == "number"){
|
|
return m._sandwich(m.scale(a), b, c); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.scale(a, b), c.x, c.y); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.scale(a), b.x, b.y); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
rotateAt: function(angle, a, b){
|
|
// summary:
|
|
// rotates a picture using a specified point as a center of rotation
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.rotate().
|
|
// angle: Number
|
|
// an angle of rotation in radians (>0 for CW)
|
|
// a: Number|dojox/gfx.Point
|
|
// an x component of a central point, or a central point
|
|
// b: Number?
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 2){
|
|
return m._sandwich(m.rotate(angle), a, b); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.rotate(angle), a.x, a.y); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
rotategAt: function(degree, a, b){
|
|
// summary:
|
|
// rotates a picture using a specified point as a center of rotation
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.rotateg().
|
|
// degree: Number
|
|
// an angle of rotation in degrees (>0 for CW)
|
|
// a: Number|dojox/gfx.Point
|
|
// an x component of a central point, or a central point
|
|
// b: Number?
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 2){
|
|
return m._sandwich(m.rotateg(degree), a, b); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.rotateg(degree), a.x, a.y); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewXAt: function(angle, a, b){
|
|
// summary:
|
|
// skews a picture along the x axis using a specified point as a center of skewing
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.skewX().
|
|
// angle: Number
|
|
// a skewing angle in radians
|
|
// a: Number|dojox/gfx.Point
|
|
// an x component of a central point, or a central point
|
|
// b: Number?
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 2){
|
|
return m._sandwich(m.skewX(angle), a, b); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.skewX(angle), a.x, a.y); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewXgAt: function(degree, a, b){
|
|
// summary:
|
|
// skews a picture along the x axis using a specified point as a center of skewing
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.skewXg().
|
|
// degree: Number
|
|
// a skewing angle in degrees
|
|
// a: Number|dojox/gfx.Point
|
|
// an x component of a central point, or a central point
|
|
// b: Number?
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 2){
|
|
return m._sandwich(m.skewXg(degree), a, b); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.skewXg(degree), a.x, a.y); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewYAt: function(angle, a, b){
|
|
// summary:
|
|
// skews a picture along the y axis using a specified point as a center of skewing
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.skewY().
|
|
// angle: Number
|
|
// a skewing angle in radians
|
|
// a: Number|dojox/gfx.Point
|
|
// an x component of a central point, or a central point
|
|
// b: Number?
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 2){
|
|
return m._sandwich(m.skewY(angle), a, b); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.skewY(angle), a.x, a.y); // dojox/gfx/matrix.Matrix2D
|
|
},
|
|
skewYgAt: function(/* Number */ degree, /* Number||Point */ a, /* Number? */ b){
|
|
// summary:
|
|
// skews a picture along the y axis using a specified point as a center of skewing
|
|
// description:
|
|
// Compare with dojox/gfx/matrix.skewYg().
|
|
// degree: Number
|
|
// a skewing angle in degrees
|
|
// a: Number|dojox/gfx.Point
|
|
// an x component of a central point, or a central point
|
|
// b: Number?
|
|
// a y component of a central point
|
|
// returns: dojox/gfx/matrix.Matrix2D
|
|
if(arguments.length > 2){
|
|
return m._sandwich(m.skewYg(degree), a, b); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
return m._sandwich(m.skewYg(degree), a.x, a.y); // dojox/gfx/matrix.Matrix2D
|
|
}
|
|
|
|
//TODO: rect-to-rect mapping, scale-to-fit (isotropic and anisotropic versions)
|
|
|
|
});
|
|
// propagate Matrix2D up
|
|
g.Matrix2D = m.Matrix2D;
|
|
|
|
return m;
|
|
});
|
|
|
|
|