做H5頁面，對(duì)元素進(jìn)行transform變換，如果transform有多個(gè)屬性值，調(diào)整他們的順序，渲染結(jié)果不一致。比如：transform: scale(2) translate(100px,0px);transform: translate(100px,0px) scale(2);又比如：transform:rotate(30deg) skew(30deg,0deg);
transform:skew(30deg,0deg) rotate(30deg);這上面看上去一模一樣的代碼，渲染結(jié)果并不一致。如圖：線上測(cè)試地址：https://codepen.io/quiettroja...
1 回答
慕尼黑的夜晚無繁華
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個(gè)贊
這個(gè)很顯然是這樣的啊。
比如你一個(gè)數(shù)先做加法運(yùn)算再做乘法運(yùn)輸，反過來先做乘法運(yùn)算再做加法運(yùn)算，這兩個(gè)結(jié)果能一樣嗎？
(3+2)*4=20 (3*4)+2=14
transform本質(zhì)上也就是數(shù)學(xué)中矩陣的運(yùn)算，也是有先后順序的。
- 1 回答
- 0 關(guān)注
- 815 瀏覽
添加回答
舉報(bào)
0/150
提交
取消