The Canvas RenderTexture drawImage method incorrectly set the values of the frame, causing them to appear wrongly scaled in the canvas renderer. Fix phaserjs#3710

Author: photonstorm

CHANGELOG.md

@@ -8,7 +8,7 @@
 
 ### Bug Fixes
 
-
+* The Canvas RenderTexture drawImage method incorrectly set the values of the frame, causing them to appear wrongly scaled in the canvas renderer. Fix #3710 (thanks @saqsun)
 
 ## Version 3.9.0 - Yui - 24th May 2018
 

src/gameobjects/rendertexture/RenderTextureCanvas.js

@@ -8,6 +8,7 @@ var RenderTextureCanvas = {
 
         this.context.fillStyle = 'rgb(' + ur + ',' + ug + ',' + ub + ')';
         this.context.fillRect(0, 0, this.canvas.width, this.canvas.height);
+
         return this;
     },
 
@@ -17,17 +18,21 @@ var RenderTextureCanvas = {
         this.context.setTransform(1, 0, 0, 1, 0, 0);
         this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
         this.context.restore();
+
         return this;
     },
 
     draw: function (texture, frame, x, y)
     {
+        var cd = frame.canvasData;
+        var source = frame.source.image;
+
         var matrix = this.currentMatrix;
 
         this.context.globalAlpha = this.globalAlpha;
         this.context.setTransform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
-        this.context.drawImage(texture.source[frame.sourceIndex].image, frame.cutX, frame.cutY, frame.cutWidth, frame.cutHeight, x, y, frame.cutWidth, frame.cutWidth);
-        
+        this.context.drawImage(source, cd.sx, cd.sy, cd.sWidth, cd.sHeight, x, y, cd.dWidth, cd.dHeight);
+
         return this;
     }