解決Cesium LabelGraphics顯示模糊的問題
阿新 • • 發佈:2018-12-14
近期專案用到了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縮小一倍解除抗鋸齒帶來的模糊效果