1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
import { getOrigin } from '../../utils/utils.js'
import { delimiter, transforms } from '../core/regex.js'
import { registerMethods } from '../../utils/methods.js'
import Matrix from '../../types/Matrix.js'
// Reset all transformations
export function untransform () {
return this.attr('transform', null)
}
// merge the whole transformation chain into one matrix and returns it
export function matrixify () {
var matrix = (this.attr('transform') || '')
// split transformations
.split(transforms).slice(0, -1).map(function (str) {
// generate key => value pairs
var kv = str.trim().split('(')
return [ kv[0],
kv[1].split(delimiter)
.map(function (str) {
return parseFloat(str)
})
]
})
.reverse()
// merge every transformation into one matrix
.reduce(function (matrix, transform) {
if (transform[0] === 'matrix') {
return matrix.lmultiply(Matrix.fromArray(transform[1]))
}
return matrix[transform[0]].apply(matrix, transform[1])
}, new Matrix())
return matrix
}
// add an element to another parent without changing the visual representation on the screen
export function toParent (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
export function toRoot () {
return this.toParent(this.root())
}
// Add transformations
export function transform (o, relative) {
// Act as a getter if no object was passed
if (o == null || typeof o === 'string') {
var decomposed = new Matrix(this).decompose()
return decomposed[o] || decomposed
}
if (!Matrix.isMatrixLike(o)) {
// Set the origin according to the defined transform
o = { ...o, origin: getOrigin(o, this) }
}
// The user can pass a boolean, an Element or an Matrix or nothing
var cleanRelative = relative === true ? this : (relative || false)
var result = new Matrix(cleanRelative).transform(o)
return this.attr('transform', result)
}
registerMethods('Element', {
untransform, matrixify, toParent, toRoot, transform
})
|
