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
     })
   })
   
發佈了113 篇原創文章 · 獲贊 19 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章