css - Scale -1 を使用せずに Canvas で画像を反転

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); ...