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
|
SVG.Point = SVG.invent({
// Initialize
create: function(x,y) {
var i, source, base = {x:0, y:0}
// ensure source as object
source = Array.isArray(x) ?
{x:x[0], y:x[1]} :
typeof x === 'object' ?
{x:x.x, y:x.y} :
y != null ?
{x:x, y:y} : base
// 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(point) {
// store new destination
this.destination = new SVG.Point(point)
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.native.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());
}
})
|
