summaryrefslogtreecommitdiffstats
path: root/src/svg.js
blob: d0e4188d19cf071c02f5b398cbe9894a87f53645 (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
// Use the `svg()` function to create a SVG document within a given html element. The first argument can either be an id of the element or the selected element itself.
//
//     var draw = svg('paper').size(300, 300);
//     var rect = draw.rect(100, 100).attr({ fill: '#f06' });



// Shortcut for creating a svg document
this.svg = function(element) {
  return new SVG.Doc(element);
};

// The main wrapping element
this.SVG = {
  /* default namespaces */
  ns:    'http://www.w3.org/2000/svg',
  xlink: 'http://www.w3.org/1999/xlink',
  
  /* defs id sequence */
  did: 0,
  
  // Method for element creation
  create: function(element) {
    return document.createElementNS(this.ns, element);
  },
  // Method for extending objects
  extend: function(object, module) {
    /* extend all container modules */
    if (object === SVG.Container)
      ('Clip Defs Doc Gradient Group Mask Nested Pattern').split(' ').forEach(function(m) {
        if (SVG[m])
          SVG.extend(SVG[m], module);
      });
    /* extend given module */
    else
      for (var key in module)
        object.prototype[key] = module[key];
  }
  
};