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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
// Poly points array
SVG.PointArray = function() {
this.constructor.apply(this, arguments)
}
// Inherit from SVG.Array
SVG.PointArray.prototype = new SVG.Array
SVG.extend(SVG.PointArray, {
// Convert array to string
toString: function() {
/* convert to a poly point string */
for (var i = 0, il = this.value.length, array = []; i < il; i++)
array.push(this.value[i].join(','))
return array.join(' ')
}
// Get morphed array at given position
, at: function(pos) {
/* make sure a destination is defined */
if (!this.destination) return this
/* generate morphed point string */
for (var i = 0, il = this.value.length, array = []; i < il; i++)
array.push([
this.value[i][0] + (this.destination[i][0] - this.value[i][0]) * pos
, this.value[i][1] + (this.destination[i][1] - this.value[i][1]) * pos
])
return new SVG.PointArray(array)
}
// Parse point string
, parse: function(array) {
array = array.valueOf()
/* if already is an array, no need to parse it */
if (Array.isArray(array)) return array
/* split points */
array = this.split(array)
/* parse points */
for (var i = 0, il = array.length, p, points = []; i < il; i++) {
p = array[i].split(',')
points.push([parseFloat(p[0]), parseFloat(p[1])])
}
return points
}
// Move point string
, move: function(x, y) {
var box = this.bbox()
/* get relative offset */
x -= box.x
y -= box.y
/* move every point */
if (!isNaN(x) && !isNaN(y))
for (var i = this.value.length - 1; i >= 0; i--)
this.value[i] = [this.value[i][0] + x, this.value[i][1] + y]
return this
}
// Resize poly string
, size: function(width, height) {
var i, box = this.bbox()
/* recalculate position of all points according to new size */
for (i = this.value.length - 1; i >= 0; i--) {
this.value[i][0] = ((this.value[i][0] - box.x) * width) / box.width + box.x
this.value[i][1] = ((this.value[i][1] - box.y) * height) / box.height + box.x
}
return this
}
// Get bounding box of points
, bbox: function() {
if (this.value.length == 0)
return { x: 0, y: 0, width: 0, height: 0 }
var i
, x = this.value[0][0]
, y = this.value[0][1]
, box = { x: x, y: y }
/* find position */
for (i = this.value.length - 1; i >= 0; i--) {
if (this.value[i][0] < box.x)
box.x = this.value[i][0]
if (this.value[i][1] < box.y)
box.y = this.value[i][1]
if (this.value[i][0] > x)
x = this.value[i][0]
if (this.value[i][1] > y)
y = this.value[i][1]
}
/* calculate size */
box.width = x - box.x
box.height = y - box.y
return box
}
})
|
