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