当我将 WebKit 转换更改应用于 dom 样式 attr 时,例如:
更改自:
<div style="-webkit-transform: translateZ(0px) translateX(-9.609375%); "</div>
到:
<div style="-webkit-transform: translateZ(0px) translateX(-10.609375%); "</div>
这种渲染更改硬件加速了吗?当然,如果浏览器支持它。
当我将 WebKit 转换更改应用于 dom 样式 attr 时,例如:
更改自:
<div style="-webkit-transform: translateZ(0px) translateX(-9.609375%); "</div>
到:
<div style="-webkit-transform: translateZ(0px) translateX(-10.609375%); "</div>
这种渲染更改硬件加速了吗?当然,如果浏览器支持它。
Webkit 浏览器将使用硬件加速进行 3D 变换,而不是 2D 变换。
这是一个解释它的帖子:http ://creativejs.com/2011/12/day-2-gpu-accelerate-your-dom-elements/
所以是的,包括 translateZ(0) 应该强制支持的浏览器进行硬件加速。
附带说明一下,在 Android 2 设备上使用 3D 变换不起作用,因此您必须坚持使用 2D。