改变img的原始尺寸会严峻低落渲染速率
|
最近在修改一个游戏框架时发明页面渲染服从骤降，CPU从原先的10%阁下上升到50%（一个核已经满负载了），FPS也降落不少。颠末一番调试，发明是个中的一个img元素引起的。和页面里其他img元素差异之处在于，这个图片的尺寸是通过剧本缩放的，莫非图片的尺寸会影响渲染服从吗？下面来测试下。 这里选择一幅600*400的图片，让它随鼠标移动，以此可以发生频仍的渲染。
可以发明，纵然强烈的晃动鼠标，CPU也仅仅耗了一点点罢了。然而，对上述的代码做一点点细小的窜改，把height="400"改成401，然后再次测试，这时CPU就直接飙升到了一半，（单核的话预计满满的100%）。 同样，行使CSS的width和height属性缩放图片，也会呈现此征象。更进一步，用IE专有的zoom属性，以及CSS3的transform:scale缩放，岂论是img元素，照旧带配景图片的div元素，都是云云。纵然用CSS3的background-size改变配景图片巨细，照旧一样。 在其他赏识器上测试，只有Opera在缩放后CPU没有太大的影响，也许是赏识器对缩放后的图像生涯在一个副本里了。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
