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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
// methods for container elements like SVG.Doc, SVG.Group, SVG.Defs, ...
SVG.Container = {
// add given element at goven position
add: function(e, i) {
if (!this.has(e)) {
i = i == null ? this.children().length : i;
this.children().splice(i, 0, e);
this.node.insertBefore(e.node, this.node.childNodes[i] || null);
e.parent = this;
}
return this;
},
// basically does the same as add() but returns the added element rather than 'this'
put: function(e, i) {
this.add(e, i);
return e;
},
// chacks if the given element is a child
has: function(e) {
return this.children().indexOf(e) >= 0;
},
// returns all child elements and initializes store array if non existant
children: function() {
return this._children || (this._children = []);
},
// remove a given child element
remove: function(e) {
return this.removeAt(this.children().indexOf(e));
},
// remove child element at a given position
removeAt: function(i) {
if (0 <= i && i < this.children().length) {
var e = this.children()[i];
this.children().splice(i, 1);
this.node.removeChild(e.node);
e.parent = null;
}
return this;
},
// returns defs element and initializes store array if non existant
defs: function() {
return this._defs || (this._defs = this.put(new SVG.Defs(), 0));
},
// re-level defs to first positon in element stack
level: function() {
return this.remove(d).put(this.defs(), 0);
},
// create a group element
group: function() {
return this.put(new SVG.G());
},
// create a rect element
rect: function(w, h) {
return this.put(new SVG.Rect().size(w, h));
},
// create circle element, based on ellipse
circle: function(d) {
return this.ellipse(d);
},
// create and ellipse
ellipse: function(w, h) {
return this.put(new SVG.Ellipse().size(w, h));
},
// create a polyline element
polyline: function(p) {
return this.put(new SVG.Polyline().plot(p));
},
// create a polygon element
polygon: function(p) {
return this.put(new SVG.Polygon().plot(p));
},
// create a path element
path: function(d) {
return this.put(new SVG.Path().plot(d));
},
// create image element, load image and set its size
image: function(s, w, h) {
w = w != null ? w : 100;
return this.put(new SVG.Image().load(s).size(w, h != null ? h : w));
},
// create text element
text: function(t) {
return this.put(new SVG.Text().text(t));
},
// create element in defs
gradient: function(t, b) {
return this.defs().gradient(t, b);
},
// hack for safari preventing text to be rendered in one line,
// basically it sets the position of the svg node to absolute
// when the dom is loaded, and resets it to relative a few ms later.
stage: function() {
var r, e = this;
r = function() {
if (document.readyState === 'complete') {
e.attr('style', 'position:absolute;');
setTimeout(function() { e.attr('style', 'position:relative;'); }, 5);
} else {
setTimeout(r, 10);
}
};
r();
return this;
}
};
|
