cesiumjs - 铯标签模糊

Question

我使用以下代码创建了一个 Cesium 标签:

        var label: Cesium.LabelGraphics = new Cesium.LabelGraphics({
            text : lab,
            verticalOrigin: Cesium.VerticalOrigin.TOP,
            horizontalOrigin: Cesium.HorizontalOrigin.RIGHT,
            font: '15px Helvetica',
            fillColor: Cesium.Color.WHITE,
            outlineWidth: 2,
            style: Cesium.LabelStyle.FILL,
            pixelOffset: new Cesium.Cartesian2(20, 20)
        });

但是很模糊...

我想要一个更清晰的标签。您可以在红色矩形内看到的这张图像是真正的标签吗？蓝色矩形中是带有放大的标签。绿色矩形就是我想要的样子。

有什么方法可以让标签更清晰吗？

谢谢!

Answer 1

在 Bllboard.js 或 Cesium.js 中更改

gl_Position = czm_viewportOrthographic * vec4(positionWC.xy,-positionWC.z, 1.0);

至

gl_Position = czm_viewportOrthographic * vec4(floor(positionWC.xy + 0.5), -positionWC.z, 1.0); 

它将使广告牌捕捉到一个像素，而不是变得模糊。

同时在查看器初始化中禁用 FXAA(抗锯齿)

viewer.scene.fxaa = false

它将使广告牌和标签更加脆!

之前

.

之后