欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

openlayers Text字体大小设置

程序员文章站 2022-05-30 16:47:03
...

今做一个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
     })
   })