canvas repeater fix
diff --git a/player/index.html b/player/index.html
index fa3bee7..fbd1b09 100644
--- a/player/index.html
+++ b/player/index.html
@@ -160,7 +160,7 @@
var elem = document.getElementById('lottie');
var animData = {
container: elem,
- renderer: 'html',
+ renderer: 'canvas',
loop: true,
autoplay: true,
rendererSettings: {
@@ -170,9 +170,15 @@
},
path: 'exports/render/data.json'
};
+ // lottie.setQuality('low');
setTimeout(()=>{
anim = lottie.loadAnimation(animData);
- // anim.setSubframe(false);
+ anim.setSubframe(false);
+
+ setTimeout(()=>{
+ // anim.goToAndStop(10, true);
+
+ },0)
},0)
diff --git a/player/js/elements/ShapeElement.js b/player/js/elements/ShapeElement.js
index 4394db3..4c2148e 100644
--- a/player/js/elements/ShapeElement.js
+++ b/player/js/elements/ShapeElement.js
@@ -44,8 +44,8 @@
searchProcessedElement: function(elem){
var elements = this.processedElements;
var i = 0, len = elements.length;
- while(i < len){
- if(elements[i].elem === elem){
+ while (i < len) {
+ if (elements[i].elem === elem) {
return elements[i].pos;
}
i += 1;
@@ -55,9 +55,9 @@
addProcessedElement: function(elem, pos){
var elements = this.processedElements;
var i = elements.length;
- while(i){
+ while(i) {
i -= 1;
- if(elements[i].elem === elem){
+ if (elements[i].elem === elem) {
elements[i].pos = pos;
return;
}
diff --git a/player/js/elements/canvasElements/CVShapeElement.js b/player/js/elements/canvasElements/CVShapeElement.js
index a218ee0..4526fcd 100644
--- a/player/js/elements/canvasElements/CVShapeElement.js
+++ b/player/js/elements/canvasElements/CVShapeElement.js
@@ -23,11 +23,10 @@
};
CVShapeElement.prototype.createStyleElement = function(data, transforms) {
- var transformsSequence = this.transformsManager.addTransformSequence(transforms);
var styleElem = {
data: data,
type: data.ty,
- preTransforms: transformsSequence,
+ preTransforms: this.transformsManager.addTransformSequence(transforms),
transforms: [],
elements: [],
closed: data.hd === true
@@ -104,12 +103,12 @@
CVShapeElement.prototype.reloadShapes = function() {
this._isFirstFrame = true;
var i, len = this.itemsData.length;
- for(i=0;i<len;i+=1){
+ for (i = 0; i < len; i += 1) {
this.prevViewData[i] = this.itemsData[i];
}
this.searchShapes(this.shapesData,this.itemsData,this.prevViewData, true, []);
len = this.dynamicProperties.length;
- for(i=0;i<len;i+=1){
+ for (i = 0; i < len; i += 1) {
this.dynamicProperties[i].getValue();
}
this.renderModifiers();
@@ -175,9 +174,9 @@
if(!processedPos){
currentTransform = this.createTransformElement(arr[i]);
itemsData[i] = currentTransform;
- ownTransforms.push(currentTransform);
- this.addTransformToStyleList(currentTransform);
}
+ ownTransforms.push(itemsData[i]);
+ this.addTransformToStyleList(itemsData[i]);
}else if(arr[i].ty == 'sh' || arr[i].ty == 'rc' || arr[i].ty == 'el' || arr[i].ty == 'sr'){
if(!processedPos){
itemsData[i] = this.createShapeElement(arr[i]);
diff --git a/player/js/utils/shapes/RepeaterModifier.js b/player/js/utils/shapes/RepeaterModifier.js
index a9f46a0..b5eacda 100644
--- a/player/js/utils/shapes/RepeaterModifier.js
+++ b/player/js/utils/shapes/RepeaterModifier.js
@@ -77,7 +77,7 @@
RepeaterModifier.prototype.changeGroupRender = function(elements, renderFlag) {
var i, len = elements.length;
- for(i = 0; i < len ; i += 1) {
+ for(i = 0; i < len; i += 1) {
elements[i]._render = renderFlag;
if(elements[i].ty === 'gr') {
this.changeGroupRender(elements[i].it, renderFlag);