zoukankan      html  css  js  c++  java
  • 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+'
    '+data[i].name  : '',
         fill: new Fill({
           color:'#000'
         }),
         stroke: new Stroke({
           color: '#fff',
           width: 3
         })
       })
       
    
  • 相关阅读:
    001 Python网络爬虫与信息提取 课程前序
    004 JQuery (010
    Vuex的元素对象
    003 JQuery (009
    002 JQuery (004
    001 JQuery (001
    Vuex简介
    axios实例与模块封装
    axios拦截器
    015 Javascript(152
  • 原文地址:https://www.cnblogs.com/dengxiaoning/p/12309803.html
Copyright © 2011-2022 走看看