diff --git a/player/index.html b/player/index.html
index 44aa760..5dd1caa 100644
--- a/player/index.html
+++ b/player/index.html
@@ -110,7 +110,7 @@
     var count = 0;
     var animData = {
         container: document.getElementById('bodymovin'),
-        renderer: 'canvas',
+        renderer: 'svg',
         loop: false,
         autoplay: true,
         autoloadSegments: true,
diff --git a/player/js/utils/shapes/TrimModifier.js b/player/js/utils/shapes/TrimModifier.js
index 65d4ee3..3094222 100644
--- a/player/js/utils/shapes/TrimModifier.js
+++ b/player/js/utils/shapes/TrimModifier.js
@@ -81,7 +81,7 @@
             this.shapes[i].shape.mdf = true;
         }
     } else {
-        var segments = [], shapeData, newShapes = [];
+        var segments = [], shapeData, newShapes;
         for(i=0;i<len;i+=1){
             shapeData = this.shapes[i];
             if(!shapeData.shape.mdf && !this.mdf){
@@ -103,6 +103,7 @@
             }
         }
         for(i=0;i<len;i+=1){
+            newShapes = [];
             shapeData = this.shapes[i];
             if(shapeData.shape.mdf){
                 segments.length = 0;