座標変換 transform について

transformについて調べてみます。

transformは属性です。
要素を移動、回転、伸縮、傾斜、といった指定で変形します。

属性に対しての指定方法は下記になります。

translate
x方向、y方向に要素を移動する

rotate
指定角度の回転をする

scale
要素を拡大、縮小する

skewX skewY
x方向、y方向に指定した角度分を傾斜する

matrix
2行3列の行列を、変換する関数です。
6個の値を変換行列の形式で変形します。

一つ一つサンプルを書いて確認していきます。