今做一个app版的ol地图,发现区域太小显示拥挤,于是想把字体改小,看起来匀称点,于是盯紧了font属性使劲改
openlayers Text字体大小设置
老是不听咋整呢?网上找大佬
于是找到了得到了各路大神鼎力相助
如:
openlayers Text字体大小设置
赶紧跑去试试,原来这并不是我想要的,大佬实现的是iconfont控制,我是单独的对字体的控制

不行还搞不定再来,,,

于是来到了这
openlayers Text字体大小设置
哎,只是我设置的字体比他的小,我想设置小于10的字体。

咦,突然想到了,chrome 在字体小于12px后会默认字体为12px这个梗,于是找找关于css字体方面的设置https://www.cnblogs.com/jiangxiaobo/p/5669976.html
openlayers Text字体大小设置
OK,问题解决

看 :openlayers Text字体大小设置

openlayers 的Text 对象就有这个属性,只是自己不会用罢了(大佬勿笑)怪自己菜。

加个 scale:0.64, OK


   text: new Text({
     scale:0.64, 
  	 font: 'bold 0.11rem 微软雅黑 ',
     text: hasLabel ? data[i].value+'\n'+data[i].name  : '',
     fill: new Fill({
       color:'#000'
     }),
     stroke: new Stroke({
       color: '#fff',
       width: 3
     })
   })
   

相关文章:

  • 2021-07-27
  • 2021-08-01
  • 2021-08-15
  • 2021-05-10
  • 2021-09-18
猜你喜欢
  • 2022-12-23
  • 2022-01-01
  • 2021-11-20
  • 2021-12-27
  • 2021-12-27
  • 2022-01-01
  • 2021-11-22
相关资源
相似解决方案