fixes #1241 gradient not updating with svg renderer
diff --git a/player/index.html b/player/index.html
index 7c313f2..9625528 100644
--- a/player/index.html
+++ b/player/index.html
@@ -193,8 +193,8 @@
//elem.style.display = 'none';
var animData = {
container: elem,
- renderer: 'canvas',
- loop: true,
+ renderer: 'svg',
+ loop: false,
autoplay: true,
rendererSettings: {
progressiveLoad:false,
diff --git a/player/js/elements/canvasElements/CVShapeElement.js b/player/js/elements/canvasElements/CVShapeElement.js
index 350d71e..20b9c36 100644
--- a/player/js/elements/canvasElements/CVShapeElement.js
+++ b/player/js/elements/canvasElements/CVShapeElement.js
@@ -43,7 +43,7 @@
elementData.e = PropertyFactory.getProp(this,data.e,1,null,this);
elementData.h = PropertyFactory.getProp(this,data.h||{k:0},0,0.01,this);
elementData.a = PropertyFactory.getProp(this,data.a||{k:0},0,degToRads,this);
- elementData.g = new GradientProperty(this,data.g);
+ elementData.g = new GradientProperty(this,data.g,this);
}
elementData.o = PropertyFactory.getProp(this,data.o,0,0.01,this);
if(data.ty == 'st' || data.ty == 'gs') {
diff --git a/player/js/elements/helpers/shapes/SVGGradientFillStyleData.js b/player/js/elements/helpers/shapes/SVGGradientFillStyleData.js
index accd9ba..dd485fb 100644
--- a/player/js/elements/helpers/shapes/SVGGradientFillStyleData.js
+++ b/player/js/elements/helpers/shapes/SVGGradientFillStyleData.js
@@ -10,7 +10,7 @@
this.e = PropertyFactory.getProp(elem,data.e,1,null,this);
this.h = PropertyFactory.getProp(elem,data.h||{k:0},0,0.01,this);
this.a = PropertyFactory.getProp(elem,data.a||{k:0},0,degToRads,this);
- this.g = new GradientProperty(elem,data.g);
+ this.g = new GradientProperty(elem,data.g,this);
this.style = styleOb;
this.stops = [];
this.setGradientData(styleOb.pElem, data);
diff --git a/player/js/utils/shapes/GradientProperty.js b/player/js/utils/shapes/GradientProperty.js
index 7cff184..d65f568 100644
--- a/player/js/utils/shapes/GradientProperty.js
+++ b/player/js/utils/shapes/GradientProperty.js
@@ -1,4 +1,4 @@
-function GradientProperty(elem,data){
+function GradientProperty(elem,data,container){
this.data = data;
this.c = createTypedArray('uint8c', data.p*4);
var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4;
@@ -7,7 +7,7 @@
this._omdf = false;
this._collapsable = this.checkCollapsable();
this._hasOpacity = cLength;
- this.initDynamicPropertyContainer(elem);
+ this.initDynamicPropertyContainer(container);
this.prop = PropertyFactory.getProp(elem,data.k,1,null,this);
this.k = this.prop.k;
this.getValue(true);
