chrome中的慢速复合层用于2D上下文绘制

问题描述

我在使用HTML5画布和2D上下文时有点混乱,我从Chrome的Composite Layers处理中得到了一个奇怪的行为,导致性能下降,根据Chrome中的性能工具,单个矩形的复合层每帧需要30ms的速度约为30fps

让我更加困惑的是,它似乎与画布的尺寸紧密相关。如果我将大小从1000x1000减小到500x500,则“复合层”步骤将减小到0.17ms,这似乎是一个更合理的持续时间。

CodesandBoxhttps://codesandbox.io/s/ecstatic-noyce-0080g?file=/index.html

Chrome版本:85.0.4183.83

[

Performance for 1000x10001

Performance for 500x500

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)