canvas的transform

canvas的transform是 Canvas 2D API 使用單位矩陣重新設(shè)置(覆蓋)當(dāng)前的變換并調(diào)用變換的方法。
transform的參數(shù)(x縮放, y傾斜偏移, x傾斜偏移, y縮放, x位移, y位移);
so默認(rèn)值是transfrom(1, 0, 0, 1, 0, 0);

1、用transform實現(xiàn)translate

transform(1, 0, 0, 1, x偏移, y偏移)

2、用transform實現(xiàn)scale(x, y)

transform(x, 0, 0, y, 0, 0);

3、用transform實現(xiàn)rotate(angle)

transform(cos(angle), sin(angle), -sin(angle), cos(angle), 0, 0)

4、transform、setTransform和resetTransform

transform是在之前的矩陣值上累加(multiple)
setTransform是重置到單位矩陣后(1, 0, 0, 1, 0, 0),在用相同參數(shù)調(diào)用transform
reseTransform:重置到單位矩陣(1, 0, 0, 1, 0, 0)

5、canvas繞(x, y) 旋轉(zhuǎn)angle

translate(x, y);
rotate(angle)
translate(-x, -y);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容