解决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缩小一倍解除抗锯齿带来的模糊效果

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值