transform(-1, 0, 0, 1, 0,

質問

HTML5 CANVASで
transform(-1, 0, 0, 1, 0, 0)
と書かれているコードがあるのですが、どういう意味でしょうか？

・特に第1引数が分かりません
・伸縮xが-1？

回答No.1

fujillin · ベストアンサー

引数は座標変換のマトリックスを表していますので、単純な伸縮率とはちょっと違うかと思いますが…
ご提示の引数は以下として処理されます。
　｜-1　0　0｜
　｜0　 1　0｜
　｜0　 0　1｜

結果的に、
　Ｘ'= -x
　Ｙ'= y
に変換されることになりますので、Ｙ軸に対する鏡像変換（ミラー）になるかと。

CANVASの解説は以下にありますのでご参考までに。
　http://www.html5.jp/canvas/ref.html
仕様書
　http://www.w3.org/TR/2dcontext/#transformations

お礼

回答ありがとうございました。
・説明分かりやすかったです
・勉強になりましたー