近期项目用到了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缩小一倍解除抗锯齿带来的模糊效果
902

被折叠的 条评论
为什么被折叠?



