在Canvas中翻转图像，而不使用Scale -1

Question

我正在尝试为此演示http://www.ernestdelgado.com/public-tests/canvasphoto/demo/canvas.html

添加翻转和翻转功能

我正在尝试设置scalex = -1，它的工作原理，但这个演示也有调整大小的功能。因此作者使用scalex查找高度和宽度（在调整图像大小时）（请查看下面的代码）。

在我指定scalex = -1之后，画布的高度和宽度变为0.还有其他的这样做吗？

Canvas.Img.prototype.setFlop = function() {
    this.width = this._oElement.width;
    this.height = this._oElement.height;
    this.scalex = -1

    this.setImageCoords();
}

Canvas.Img.prototype.setImageCoords = function() {
    this.left = parseInt(this.left);
    this.top = parseInt(this.top);

    this.currentWidth = parseInt(this.width) * this.scalex;
    this.currentHeight = parseInt(this.height) * this.scalex;
    this._hypotenuse = Math.sqrt(Math.pow(this.currentWidth / 2, 2) + Math.pow(this.currentHeight / 2, 2));
    this._angle = Math.atan(this.currentHeight / this.currentWidth); ...