openlayers Text字體大小設置


今做一個app版的ol地圖,發現區域太小顯示擁擠,於是想把字體改小,看起來勻稱點,於是盯緊了font屬性使勁改
在這里插入圖片描述
老是不聽咋整呢?網上找大佬
於是找到了得到了各路大神鼎力相助
如:
在這里插入圖片描述
趕緊跑去試試,原來這並不是我想要的,大佬實現的是iconfont控制,我是單獨的對字體的控制

不行還搞不定再來,,,

於是來到了這
在這里插入圖片描述
哎,只是我設置的字體比他的小,我想設置小於10的字體。

咦,突然想到了,chrome 在字體小於12px后會默認字體為12px這個梗,於是找找關於css字體方面的設置https://www.cnblogs.com/jiangxiaobo/p/5669976.html
在這里插入圖片描述
OK,問題解決

看 :在這里插入圖片描述

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
     })
   })
   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM