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
|
SVG.Point = SVG.invent({
// Initialize
create: function (x, y) {
var base = {x: 0, y: 0}
var source
// ensure source as object
source = Array.isArray(x) ? {x: x[0], y: x[1]}
: typeof x === 'object' ? {x: x.x, y: x.y}
: x != null ? {x: x, y: (y != null ? y : x)}
: base // If y has no value, then x is used has its value
// merge source
this.x = source.x
this.y = source.y
},
// Add methods
extend: {
// Clone point
clone: function () {
return new SVG.Point(this)
},
// Morph one point into another
morph: function (x, y) {
// store new destination
this.destination = new SVG.Point(x, y)
return this
},
// Get morphed point at a given position
at: function (pos) {
// make sure a destination is defined
if (!this.destination) return this
// calculate morphed matrix at a given position
var point = new SVG.Point({
x: this.x + (this.destination.x - this.x) * pos,
y: this.y + (this.destination.y - this.y) * pos
})
return point
},
// Convert to native SVGPoint
native: function () {
// create new point
var point = SVG.parser.nodes.svg.node.createSVGPoint()
// update with current values
point.x = this.x
point.y = this.y
return point
},
// transform point with matrix
transform: function (matrix) {
return new SVG.Point(this.native().matrixTransform(matrix.native()))
}
}
})
SVG.extend(SVG.Element, {
// Get point
point: function (x, y) {
return new SVG.Point(x, y).transform(this.screenCTM().inverse())
}
})
|
