为什么这些粒子在CSS3 GPU转换时会变慢?

时间:2013-07-09 03:54:11

标签: javascript css3 gpu

为什么this example在translate3d(x,y,z)设置位置时运行速度较慢?

我的猜测是,对CSS的每次更改都需要重新计算样式,当元素没有发送到GPU时,这样做会更便宜。有没有办法在不重新计算样式的情况下进行我需要的动态过渡?

我有兴趣在iOS和Android上运行WebView。 CSS3是访问GPU的唯一选择吗?有没有办法在这里使用GPU来提高性能?

1 个答案:

答案 0 :(得分:0)

使用GPU在移动网络视图上加速绘制的一种好方法是通过<Canvas>元素。这个类似的例子能够以相似的帧速率移动四倍的粒子:

Canvas Particles