Added SVG.Nested to create nested svg documents

2 files changed, 16 insertions, 0 deletions

diff --git a/src/container.js b/src/container.js
index 86c2827..3d19173 100644
--- a/src/container.js
+++ b/src/container.js
@@ -116,6 +116,11 @@ SVG.Container = {
     return this.put(new SVG.Text().text(t));
   },
   
+  // create nested svg document
+  nested: function(s) {
+    return this.put(new SVG.Nested());
+  },
+  
   // create element in defs
   gradient: function(t, b) {
     return this.defs().gradient(t, b);
diff --git a/src/nested.js b/src/nested.js
new file mode 100644
index 0000000..a2944c1
--- /dev/null
+++ b/src/nested.js
@@ -0,0 +1,11 @@
+
+SVG.Nested = function Nested() {
+  this.constructor.call(this, SVG.create('svg'));
+  this.attr('overflow', 'visible');
+};
+
+// inherit from SVG.Element
+SVG.Nested.prototype = new SVG.Element();
+
+// include the container object
+SVG.extend(SVG.Nested, SVG.Container);
\ No newline at end of file