谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理

谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理

问题效果如图:谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理

1.在谷歌浏览器搜索:chrome://flags/;如下图:
谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理
2.在该页面搜索:WebGL Draft Extensions,修改值为Enabled,该选项的意思是:允许谷歌浏览器浏览本地的WebGL;如下图:
谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理
3.搜索:Accelerated 2D canvas,修改值为Disabled,该选项的意思是:是否使用GPU来执行2D画布的渲染,而不适用软件来渲染;如下图:
谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理
4.搜索:GPU rasterization,修改值为Disabled,该选项的意思是:是否使用GPU栅格化Web内容。 需要在侧面进行绘画;如下图:
谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理
5.搜索:Zero-copy rasterizer,修改值为Disabled,该选项的意思是:栅格线程直接写入与图块关联的GPU内存。 需要在侧面进行绘画;如下图:
谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理
6.搜索:Choose ANGLE graphics backend,修改值为D3D11on12,这个选项是最重要的,但是我却看不懂他它的翻译:选择角度图形后端;但是看该选项的值意思应该是图形渲染,我试过了所有的选项,最终只有D3D11on12解决了问题,修改为 ;如下图:
谷歌浏览器打开WebGL项目窗口有闪屏,花斑现象处理
7.经过多次测试,还是会有闪屏的效果,只是不太明显,目前闪屏还未找到原因;但是窗口上的花斑效果没有了!

上一篇:javascript – preserveDrawingBuffer false – 值得努力吗?


下一篇:javascript – 是否有一个网站,我可以看到在不同的浏览器中支持哪些HTML 5标签?和WebGL?