aboutsummaryrefslogtreecommitdiffstats
path: root/src/element.js
blob: 396d67ef77fb6ba15c43eaaa71128d8630528119 (plain)
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
SVG.Element = function Element(n) {
  this.node = n;
  this.attrs = {};
};

// Add element-specific functions
SVG.extend(SVG.Element, {
  
  // move element to given x and y values
  move: function(x, y) {
    this.attr({
      x: x,
      y: y
    });

    return this;
  },
  
  // set element size to given width and height
  size: function(w, h) {
    this.attr({
      width: w,
      height: h
    });

    return this;
  },
  
  // remove element
  remove: function() {
    return this.parent != null ? this.parent.remove(this) : void 0;
  },
  
  // get parent document
  parentDoc: function() {
    return this._parent(SVG.Doc);
  },

  // get parent svg wrapper
  mother: function() {
    return this.parentDoc();
  },
  
  // set svg element attribute
  attr: function(a, v, n) {
    
    if (arguments.length < 2) {
      if (typeof a == 'object')
        for (v in a) this.attr(v, a[v]);
      else
        return this.attrs[a];
    
    } else {
      this.attrs[a] = v;
      n != null ?
        this.node.setAttributeNS(n, a, v) :
        this.node.setAttribute(a, v);
        
    }
    
    return this;
  },
  
  // transformations
  transform: function(t, a) {
    var n = [],
        s = this.attr('transform') || '',
        l = s.match(/([a-z]+\([^\)]+\))/g) || [];
    
    if (a === true) {
      var v = t.match(/^([A-Za-z\-]+)/)[1],
          r = new RegExp('^' + v);
      
      for (var i = 0, s = l.length; i < s; i++)
        if (!r.test(l[i]))
          n.push(l[i]);
      
    } else
      n = l;
    
    n.push(t);
    
    this.attr('transform', n.join(' '));
    
    return this;
  },

  // get bounding box
  bbox: function() {
    var b = this.node.getBBox();
    
    b.cx = b.x + b.width / 2;
    b.cy = b.y + b.height / 2;
    
    return b;
  },
  
  // private: find svg parent
  _parent: function(pt) {
    var e = this;

    while (e != null && !(e instanceof pt))
      e = e.parent;

    return e;
  }
  
});