commit 098f7f6d44542002b8cd13b082c276a011ea9024
author hernan <hernantorrisi@gmail.com> Wed Sep 14 20:43:53 2016 -0300
committer hernan <hernantorrisi@gmail.com> Wed Sep 14 20:43:53 2016 -0300
tree ec4e6828448499a69536b58f478f6183b491d023
parent ca50436b1929716a18f29ccf6949d820f6bf8804

preserveAspectRatio for canvas none and xMidYMid

player/js/renderers/CanvasRenderer.js

diff --git a/player/js/renderers/CanvasRenderer.js b/player/js/renderers/CanvasRenderer.js
index 9003b88..4d9d535 100644
--- a/player/js/renderers/CanvasRenderer.js
+++ b/player/js/renderers/CanvasRenderer.js
@@ -3,7 +3,7 @@
     this.renderConfig = {
         clearCanvas: (config && config.clearCanvas) || true,
         context: (config && config.context) || null,
-        scaleMode: (config && config.scaleMode) || 'fit'
+        preserveAspectRatio: (config && config.preserveAspectRatio) || 'xMidYMid meet'
     };
     this.renderConfig.dpr = (config && config.dpr) || 1;
     if (this.animationItem.wrapper) {
@@ -244,7 +244,7 @@
         elementWidth = this.canvasContext.canvas.width * this.renderConfig.dpr;
         elementHeight = this.canvasContext.canvas.height * this.renderConfig.dpr;
     }
-    if(this.renderConfig.scaleMode == 'fit'){
+    if(this.renderConfig.preserveAspectRatio == 'xMidYMid meet'){
         var elementRel = elementWidth/elementHeight;
         var animationRel = this.transformCanvas.w/this.transformCanvas.h;
         if(animationRel>elementRel){
@@ -258,6 +258,11 @@
             this.transformCanvas.tx = (elementWidth-this.transformCanvas.w*(elementHeight/this.transformCanvas.h))/2*this.renderConfig.dpr;
             this.transformCanvas.ty = 0;
         }
+    }else if(this.renderConfig.preserveAspectRatio == 'none'){
+        this.transformCanvas.sx = elementWidth/(this.transformCanvas.w/this.renderConfig.dpr);
+        this.transformCanvas.sy = elementHeight/(this.transformCanvas.h/this.renderConfig.dpr);
+        this.transformCanvas.tx = 0;
+        this.transformCanvas.ty = 0;
     }else{
         this.transformCanvas.sx = this.renderConfig.dpr;
         this.transformCanvas.sy = this.renderConfig.dpr;