css - フリッピング後にジェスチャを使用して画像を回転させることがwinjsで機能しない

Question

最初に画像を反転し、次にジェスチャを使用して画像を回転させましたが、画像が反対方向に回転しています。

これは、画像を反転するために使用したコードです

 tempob.style.transform = m.scale(-1, 1, 1);// Horizontal flip
 tempob.style.transform = m.scale(1, -1, 1);// vertical flip

ジェスチャを使用しているときに反転しないと、画像が適切に回転します。

これは、ジェスチャーを操作するために使用したコードです

  elt.style.transform = m.translate(e.offsetX, e.offsetY).
                        translate(e.translationX, e.translationY).
                        rotate(e.rotation * 180 / Math.PI).
                        scale(e.scale).
                        translate(-e.offsetX, -e.offsetY);

このコードは、画像が反転されていない場合のジェスチャに従って適切に機能します。

前もって感謝します