Niijiaojian_html/css_WEB-ITnose

変換:scale(sx,sy) >>> 変換:行列(sx,0,0,sy,0,0)

変換:translate(tx,ty) >>> (1,0,0,1,tx,ty)

変換:skew(θx,θy) >>> 変換:行列(1,tan(θy),tan(θx),1,0,0 )

transform:rotate(θ) >>>transform:matrix(cosθ,sinθ,-sinθ,cosθ,0,0)

変換にはmatrix(a,b,c,d,e , f) 操作
そして操作後:
x'=ax+cy+e
y'=bx+dy+f

次に:
変換:
x'= x+tx、x' は新しい座標を表します、
y '= y+ty, y' は新しい座標を表します。
x' = x*sx, x' は新しい幅を表します。
y' = y*sy, y' は新しい高さを表します。
回転:
x' = x*cosθ-y*sinθ+0 = x*cosθ-y*sinθ
y' = x*sinθ+y*cosθ+0 = x*sinθ+y*cosθ
ここで x' とy' 値は何を表しますか?
スキュー:
x' = x+y*tan(θx)+0 = x+y*tan(θx)
y' = x*tan(θy)+y+0 = x *tan(θy )+y
ここでの x' と y' の値は何を表しますか?

ディスカッションへの返信 (解決策)
http://www.w3school.com.cn/cssref/pr_transform .asp

こちらを参照してください。

回転
傾き

x y は元の座標を表します
x' y' は計算された座標を表し、表示されたときの座標になります

キャンバスは固定され、キャンバス上の点が回転 (傾き) します。もう元の場所にいます