カテゴリー:
transform()メソッド
閲覧数:379 配信日:2014-05-08 11:09
平行移動
X軸方向にdx、Y軸方向にdy平行移動させる変換行列
・これはtranslate(dx, dy)の効果と同じ
| 1 | 0 | dx |
| 0 | 1 | dy |
| 0 | 0 | 1 |
Ｙ軸反転
Ｙ軸に対する鏡像変換（ミラー）
| -1 | 0 | 0 |
| 0 | 1 | 0 |
| 0 | 0 | 1 |
Ｘ'= -x
Ｙ'= y
へ変換されることになる
計算式
・(x×-1)＋(x×0)＋(x×0)＝-x
・(y×0)＋(y×1)＋(y×0)＝y
拡大縮小
X軸方向にdx倍、Y軸方向にdy倍する変換行列
・これはscale(dx, dy)の効果と同じ
| dx | 0 | 0 |
| 0 | dy | 0 |
| 0 | 0 | 1 |
回転
原点を中心にθラジアン回転する変換行列
・これはrotate(θ)の効果と同じ
| cosθ | sinθ | 0 |
| -sinθ | -cosθ | 0 |
| 0 | 0 | 1 |
・これはtranslate(x, y)とrotate(θ)を連続して使用した場合の効果と同じ
| cosθ | sinθ | x(1-θ)+y(sinθ) |
| -sinθ | -cosθ | x(-sinθ)+y(1-cosθ) |
| 0 | 0 | 1 |
傾斜
点(x, y)を傾斜に中心にX軸に沿ってΘ、Y軸に沿ってΦ傾斜させる変換行列
・他のメソッドでは表現できない
| 1 | tanΦ | -y(tanΘ) |
| tanΘ | 1 | -x(tanΦ) |
| 0 | 0 | 1 |