IE11的绘制频率远低于Firefox或Chrome - 如何让IE更频繁地绘制?

时间:2016-09-01 20:55:42

标签: javascript angularjs internet-explorer browser

我正在使用AngularJS 1.5并且旨在创建一些可拖动的div和图像。

我有一堆绝对定位的div和具有ng风格的图像。有一个指令可以监听mousedown和后续的mousemove,当拖动元素时,根据光标位置应用一个样式(例如{left:20px,top:100px}),更新一个带顶部,左边的模型,ng和style属性,ng-style使用。这在Chrome上运行非常顺利,在Firefox上运行得慢一点,在IE11上运行速度极慢。我试图让IE11充分发挥作用。

在查看性能配置文件后,IE似乎没有像Chrome那样频繁地调用paint。 Chrome在大约6ms内处理一次mousemove事件(见下文),大约每16ms绘制60fps。

出于某种原因,使用相同的代码,IE11计算了一堆mousemove事件而没有绘制屏幕,​​导致FPS非常糟糕。如何增加绘画画面的频率?

有没有人对如何提高绘画频率有任何想法?

Chrome个人资料: 一个mousemove事件在~5ms内处理,绘画每16ms进行一次。 enter image description here

IE11简介: 一个mousemove事件在约10ms内处理,但许多事件在没有绘画的情况下被调用,并且每100-200ms进行一次绘画,导致FPS很差。

enter image description here

0 个答案:

没有答案