禁用fxaa后，Cesium标签模糊

Question

我已经遵循了这篇文章Cesium label blurred中的答案，但没有运气。

我已经确定了viewer.scene.fxaa = false，但似乎没有任何变化。请看我的截图附件。

​

​

有人有解决这个问题的办法吗？

非常感谢！

Answer 1

要当心像viewer.resolutionScale = 2这样的硬编码。在这行代码中有一个根深蒂固的假设，即用户可能有一个高DPI屏幕，他们的浏览器相应地放大了网页。在已经使用1:1像素比率的系统上运行这行代码可能会导致渲染的宽度和高度是设备实际显示的两倍。

这里有一个替代建议：

viewer.resolutionScale = window.devicePixelRatio

它不是完美的，但比硬编码的2要好。它将试图让Cesium查看器与设备的本地像素完全匹配，这可能与"CSS像素“的大小不同，特别是在高DPI屏幕上。

此处的值为"1“(默认值)，表示‘s的查看器画布像素与网页的CSS像素的大小相同，这可能比屏幕本身的像素更大、更粗。较高的数字在WebGL画布分辨率上充当乘数，占用更多的图形内存和性能。您可能会发现，您正在测试的机器的window.devicePixelRatio已经是1.5或2.0，因此上面的代码行可能与您的特定机器上的硬编码2没有什么不同。但是检查本地的devicePixelRatio比做假设要好。

Answer 2

可以通过添加以下内容来解决此问题：

  viewer.resolutionScale = 2

可能会影响性能，但到目前为止看起来还不错。