1. 程式人生 > >解決Cesium LabelGraphics顯示模糊的問題

解決Cesium LabelGraphics顯示模糊的問題

近期專案用到了Cesium框架,發現其LabelGraphics顯示模糊,一番摸索之後找到一個算是比較可行的解決辦法;分享一下;

this.labelInfo=this.viewer.entities.add(new Cesium.Entity());
this.labelInfo.position=position;
this.labelInfo.label={
	   show:true,
            showBackground:true,
            backgroundColor:Cesium.Color.fromCssColorString('#000'),
            scale:
0.5, //這裡非常巧妙的先將字型大小放大一倍在縮小一倍 font:'normal 32px MicroSoft YaHei', text:`blabla~~`, pixelOffset :new Cesium.Cartesian2(-120, -100), horizontalOrigin:Cesium.HorizontalOrigin.LEFT } this.viewer.scene.fxaa = false;// 關閉fxaa 最新的cesium已經將fxaa移到PostProcessStageCollection

解釋下上面程式碼核心的兩個部分:

1.關閉fxaa ; viewer.scene.fxaa=false關閉快速抗鋸齒(最新的cesium已經將fxaa移到PostProcessStageCollection) 2. 比如說我要設定字型大小為16px,我先將字型設定成32px,然後在利用scale縮小一倍解除抗鋸齒帶來的模糊效果