Current File : //home/tradevaly/www/node_modules/svg.js/src/transform.js |
SVG.extend(SVG.Element, {
// Add transformations
transform: function(o, relative) {
// get target in case of the fx module, otherwise reference this
var target = this
, matrix, bbox
// act as a getter
if (typeof o !== 'object') {
// get current matrix
matrix = new SVG.Matrix(target).extract()
return typeof o === 'string' ? matrix[o] : matrix
}
// get current matrix
matrix = new SVG.Matrix(target)
// ensure relative flag
relative = !!relative || !!o.relative
// act on matrix
if (o.a != null) {
matrix = relative ?
// relative
matrix.multiply(new SVG.Matrix(o)) :
// absolute
new SVG.Matrix(o)
// act on rotation
} else if (o.rotation != null) {
// ensure centre point
ensureCentre(o, target)
// apply transformation
matrix = relative ?
// relative
matrix.rotate(o.rotation, o.cx, o.cy) :
// absolute
matrix.rotate(o.rotation - matrix.extract().rotation, o.cx, o.cy)
// act on scale
} else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
// ensure centre point
ensureCentre(o, target)
// ensure scale values on both axes
o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1
o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1
if (!relative) {
// absolute; multiply inversed values
var e = matrix.extract()
o.scaleX = o.scaleX * 1 / e.scaleX
o.scaleY = o.scaleY * 1 / e.scaleY
}
matrix = matrix.scale(o.scaleX, o.scaleY, o.cx, o.cy)
// act on skew
} else if (o.skew != null || o.skewX != null || o.skewY != null) {
// ensure centre point
ensureCentre(o, target)
// ensure skew values on both axes
o.skewX = o.skew != null ? o.skew : o.skewX != null ? o.skewX : 0
o.skewY = o.skew != null ? o.skew : o.skewY != null ? o.skewY : 0
if (!relative) {
// absolute; reset skew values
var e = matrix.extract()
matrix = matrix.multiply(new SVG.Matrix().skew(e.skewX, e.skewY, o.cx, o.cy).inverse())
}
matrix = matrix.skew(o.skewX, o.skewY, o.cx, o.cy)
// act on flip
} else if (o.flip) {
if(o.flip == 'x' || o.flip == 'y') {
o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset
} else {
if(o.offset == null) {
bbox = target.bbox()
o.flip = bbox.cx
o.offset = bbox.cy
} else {
o.flip = o.offset
}
}
matrix = new SVG.Matrix().flip(o.flip, o.offset)
// act on translate
} else if (o.x != null || o.y != null) {
if (relative) {
// relative
matrix = matrix.translate(o.x, o.y)
} else {
// absolute
if (o.x != null) matrix.e = o.x
if (o.y != null) matrix.f = o.y
}
}
return this.attr('transform', matrix)
}
})
SVG.extend(SVG.FX, {
transform: function(o, relative) {
// get target in case of the fx module, otherwise reference this
var target = this.target()
, matrix, bbox
// act as a getter
if (typeof o !== 'object') {
// get current matrix
matrix = new SVG.Matrix(target).extract()
return typeof o === 'string' ? matrix[o] : matrix
}
// ensure relative flag
relative = !!relative || !!o.relative
// act on matrix
if (o.a != null) {
matrix = new SVG.Matrix(o)
// act on rotation
} else if (o.rotation != null) {
// ensure centre point
ensureCentre(o, target)
// apply transformation
matrix = new SVG.Rotate(o.rotation, o.cx, o.cy)
// act on scale
} else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
// ensure centre point
ensureCentre(o, target)
// ensure scale values on both axes
o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1
o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1
matrix = new SVG.Scale(o.scaleX, o.scaleY, o.cx, o.cy)
// act on skew
} else if (o.skewX != null || o.skewY != null) {
// ensure centre point
ensureCentre(o, target)
// ensure skew values on both axes
o.skewX = o.skewX != null ? o.skewX : 0
o.skewY = o.skewY != null ? o.skewY : 0
matrix = new SVG.Skew(o.skewX, o.skewY, o.cx, o.cy)
// act on flip
} else if (o.flip) {
if(o.flip == 'x' || o.flip == 'y') {
o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset
} else {
if(o.offset == null) {
bbox = target.bbox()
o.flip = bbox.cx
o.offset = bbox.cy
} else {
o.flip = o.offset
}
}
matrix = new SVG.Matrix().flip(o.flip, o.offset)
// act on translate
} else if (o.x != null || o.y != null) {
matrix = new SVG.Translate(o.x, o.y)
}
if(!matrix) return this
matrix.relative = relative
this.last().transforms.push(matrix)
return this._callStart()
}
})
SVG.extend(SVG.Element, {
// Reset all transformations
untransform: function() {
return this.attr('transform', null)
},
// merge the whole transformation chain into one matrix and returns it
matrixify: function() {
var matrix = (this.attr('transform') || '')
// split transformations
.split(SVG.regex.transforms).slice(0,-1).map(function(str){
// generate key => value pairs
var kv = str.trim().split('(')
return [kv[0], kv[1].split(SVG.regex.delimiter).map(function(str){ return parseFloat(str) })]
})
// merge every transformation into one matrix
.reduce(function(matrix, transform){
if(transform[0] == 'matrix') return matrix.multiply(arrayToMatrix(transform[1]))
return matrix[transform[0]].apply(matrix, transform[1])
}, new SVG.Matrix())
return matrix
},
// add an element to another parent without changing the visual representation on the screen
toParent: function(parent) {
if(this == parent) return this
var ctm = this.screenCTM()
var pCtm = parent.screenCTM().inverse()
this.addTo(parent).untransform().transform(pCtm.multiply(ctm))
return this
},
// same as above with parent equals root-svg
toDoc: function() {
return this.toParent(this.doc())
}
})
SVG.Transformation = SVG.invent({
create: function(source, inversed){
if(arguments.length > 1 && typeof inversed != 'boolean'){
return this.constructor.call(this, [].slice.call(arguments))
}
if(Array.isArray(source)){
for(var i = 0, len = this.arguments.length; i < len; ++i){
this[this.arguments[i]] = source[i]
}
} else if(typeof source == 'object'){
for(var i = 0, len = this.arguments.length; i < len; ++i){
this[this.arguments[i]] = source[this.arguments[i]]
}
}
this.inversed = false
if(inversed === true){
this.inversed = true
}
}
, extend: {
arguments: []
, method: ''
, at: function(pos){
var params = []
for(var i = 0, len = this.arguments.length; i < len; ++i){
params.push(this[this.arguments[i]])
}
var m = this._undo || new SVG.Matrix()
m = new SVG.Matrix().morph(SVG.Matrix.prototype[this.method].apply(m, params)).at(pos)
return this.inversed ? m.inverse() : m
}
, undo: function(o){
for(var i = 0, len = this.arguments.length; i < len; ++i){
o[this.arguments[i]] = typeof this[this.arguments[i]] == 'undefined' ? 0 : o[this.arguments[i]]
}
// The method SVG.Matrix.extract which was used before calling this
// method to obtain a value for the parameter o doesn't return a cx and
// a cy so we use the ones that were provided to this object at its creation
o.cx = this.cx
o.cy = this.cy
this._undo = new SVG[capitalize(this.method)](o, true).at(1)
return this
}
}
})
SVG.Translate = SVG.invent({
parent: SVG.Matrix
, inherit: SVG.Transformation
, create: function(source, inversed){
this.constructor.apply(this, [].slice.call(arguments))
}
, extend: {
arguments: ['transformedX', 'transformedY']
, method: 'translate'
}
})
SVG.Rotate = SVG.invent({
parent: SVG.Matrix
, inherit: SVG.Transformation
, create: function(source, inversed){
this.constructor.apply(this, [].slice.call(arguments))
}
, extend: {
arguments: ['rotation', 'cx', 'cy']
, method: 'rotate'
, at: function(pos){
var m = new SVG.Matrix().rotate(new SVG.Number().morph(this.rotation - (this._undo ? this._undo.rotation : 0)).at(pos), this.cx, this.cy)
return this.inversed ? m.inverse() : m
}
, undo: function(o){
this._undo = o
return this
}
}
})
SVG.Scale = SVG.invent({
parent: SVG.Matrix
, inherit: SVG.Transformation
, create: function(source, inversed){
this.constructor.apply(this, [].slice.call(arguments))
}
, extend: {
arguments: ['scaleX', 'scaleY', 'cx', 'cy']
, method: 'scale'
}
})
SVG.Skew = SVG.invent({
parent: SVG.Matrix
, inherit: SVG.Transformation
, create: function(source, inversed){
this.constructor.apply(this, [].slice.call(arguments))
}
, extend: {
arguments: ['skewX', 'skewY', 'cx', 'cy']
, method: 'skew'
}
})