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