Replaced clip() in favor of mask()

Some browsers had issues with clipping, masking was a better option.

1 files changed, 29 insertions, 15 deletions

diff --git a/src/element.js b/src/element.js
index 5db42b3..aaa6010 100644
--- a/src/element.js
+++ b/src/element.js
@@ -40,21 +40,35 @@ SVG.extend(SVG.Element, {
   
   // clone element
   clone: function() {
-    var c,
-        n = this.node.nodeName;
-    
-    // invoke shape method with shape-specific arguments
-    c = n == 'rect' ?
-      this.parent[n](this.attrs.width, this.attrs.height) :
-    n == 'ellipse' ?
-      this.parent[n](this.attrs.rx * 2, this.attrs.ry * 2) :
-    n == 'image' ?
-      this.parent[n](this.src) :
-    n == 'text' ?
-      this.parent[n](this.content) :
-      this.parent[n]();
-    
-    // copy translations
+    var c;
+    
+    // if this is a wrapped shape
+    if (this instanceof Wrap) {
+      // build new wrapped shape
+      c = this.parent[this.child.node.nodeName]();
+      
+      // copy child attributes and transformations
+      c.child.trans = this.child.trans;
+      c.child.attr(this.child.attrs).transform({});
+      
+    } else {
+      var n = this.node.nodeName;
+      
+      // invoke shape method with shape-specific arguments
+      c = n == 'rect' ?
+        this.parent[n](this.attrs.width, this.attrs.height) :
+      n == 'ellipse' ?
+        this.parent[n](this.attrs.rx * 2, this.attrs.ry * 2) :
+      n == 'image' ?
+        this.parent[n](this.src) :
+      n == 'text' ?
+        this.parent[n](this.content) :
+      n == 'g' ?
+        this.parent.group() :
+        this.parent[n]();
+    }
+    
+    // copy transformations
     c.trans = this.trans;
     
     // apply attributes and translations