diff --git a/src/basic/Matrix.js b/src/basic/Matrix.js index 8cfa6574..3fe74aa1 100644 --- a/src/basic/Matrix.js +++ b/src/basic/Matrix.js @@ -455,9 +455,12 @@ var Matrix = Base.extend({ * Applies this matrix to the specified Canvas Context. */ applyToContext: function(context) { + // Canvas contexts seem to use another orientation: The scaleX (m00) and + // scaleY (m11) values need to be flipped to get correct behaviour e.g. + // when using rotation or shearing. context.setTransform( - this._m00, this._m01, this._m10, - this._m11, this._m02, this._m12 + -this._m00, this._m01, this._m10, + -this._m11, this._m02, this._m12 ); },