passing mat to html masked elements
diff --git a/README.md b/README.md
index 5709411..5b542f0 100644
--- a/README.md
+++ b/README.md
@@ -249,7 +249,7 @@
- **No layer stretching**! No idea why, but stretching a layer messes with all the data.
## Notes
-- If you want to modify the parser or the player, there are some gulp commands that can simplify the task
+- If you want to modify the parser or the player, there are some gulp commands that can simplify the task
- look at the great animations exported on codepen [See examples on codepen.](http://codepen.io/collection/nVYWZR/)
- gzipping the animation jsons and the player have a huge reduction on the filesize. I recommend doing it if you use it for a project.
diff --git a/player/index.html b/player/index.html
index 01429cc..d7bb193 100644
--- a/player/index.html
+++ b/player/index.html
@@ -103,7 +103,7 @@
var anim;
var animData = {
container: document.getElementById('bodymovin'),
- renderer: 'svg',
+ renderer: 'html',
loop: false,
autoplay: true,
autoloadSegments: true,
diff --git a/player/js/elements/htmlElements/HBaseElement.js b/player/js/elements/htmlElements/HBaseElement.js
index 3741126..abf4567 100644
--- a/player/js/elements/htmlElements/HBaseElement.js
+++ b/player/js/elements/htmlElements/HBaseElement.js
@@ -67,9 +67,6 @@
}
this.lastNum = this.currentFrameNum;
- if(this.data.hasMask){
- this.maskManager.renderFrame();
- }
this.finalTransform.opMdf = this.finalTransform.op.mdf;
this.finalTransform.matMdf = this.finalTransform.mProp.mdf;
this.finalTransform.opacity = this.finalTransform.op.v;
@@ -101,6 +98,9 @@
}
}
}
+ if(this.data.hasMask){
+ this.maskManager.renderFrame(finalMat);
+ }
if(parentTransform){
mat = parentTransform.mat.props;