• uniapp map polygons 区域填充色(fillColor)在ios显示正常,但在安卓手机显示是黑色的,怎么解决?


    uniapp map polygons 区域填充色(fillColor)在ios显示正常,但在安卓手机显示是黑色的,怎么解决?

    在这里插入图片描述

     <MapPage :longitude="item.centerCoord[0]" :latitude="item.centerCoord[1]"
       :polygons="[{ points: item.coord, strokeWidth: 2, strokeColor: '#59C28A', fillColor: '#59C28A03' }]">
     </MapPage>
    
    • 1
    • 2
    • 3

    搞了半天 找了很多的解决方案,就是不行,最后试出来,原因就是颜色值不能使用rgba;要使用十六进制的:

    改成这样就可以啦fillColor: ‘#59C28A03’;
    在这里插入图片描述

    也就是我本来想要的是fillColor:‘#59C28A’,然后我想要一个透明度的话,就改成fillColor:’#59C28A54’,也就是33%的不透明度(因为33对应的代码是’54’)~

    另外再附带一个色码转换的网址:色码转换网址

    下方是十六进制颜色透明度alpha值对照表

    100% — FF
    99% — FC
    98% — FA
    97% — F7
    96% — F5
    95% — F2
    94% — F0
    93% — ED
    92% — EB
    91% — E8
    90% — E6
    89% — E3
    88% — E0
    87% — DE
    86% — DB
    85% — D9
    84% — D6
    83% — D4
    82% — D1
    81% — CF
    80% — CC
    79% — C9
    78% — C7
    77% — C4
    76% — C2
    75% — BF
    74% — BD
    73% — BA
    72% — B8
    71% — B5
    70% — B3
    69% — B0
    68% — AD
    67% — AB
    66% — A8
    65% — A6
    64% — A3
    63% — A1
    62% — 9E
    61% — 9C
    60% — 99
    59% — 96
    58% — 94
    57% — 91
    56% — 8F
    55% — 8C
    54% — 8A
    53% — 87
    52% — 85
    51% — 82
    50% — 80
    49% — 7D
    48% — 7A
    47% — 78
    46% — 75
    45% — 73
    44% — 70
    43% — 6E
    42% — 6B
    41% — 69
    40% — 66
    39% — 63
    38% — 61
    37% — 5E
    36% — 5C
    35% — 59
    34% — 57
    33% — 54
    32% — 52
    31% — 4F
    30% — 4D
    29% — 4A
    28% — 47
    27% — 45
    26% — 42
    25% — 40
    24% — 3D
    23% — 3B
    22% — 38
    21% — 36
    20% — 33
    19% — 30
    18% — 2E
    17% — 2B
    16% — 29
    15% — 26
    14% — 24
    13% — 21
    12% — 1F
    11% — 1C
    10% — 1A
    9% — 17
    8% — 14
    7% — 12
    6% — 0F
    5% — 0D
    4% — 0A
    3% — 08
    2% — 05
    1% — 03
    0% — 00

  • 相关阅读:
    Unity2023, Unity2022, Unity2021的性能对比(帧率)
    【Python爬虫三天从0到1】Day1:爬虫核心
    浅谈单元测试 Junit4
    Mybatis-plus的操作(新增,修改,删除)
    数据结构——树
    【多条件筛选】js简单实现多条件过滤数组对象,返回新的数组
    「前端进阶」从多线程角度来看 Event Loop
    经典机器学习方法(3)—— 多层感知机
    2022.11.17 HDU-4911 Inversion
    java线程控制
  • 原文地址:https://blog.csdn.net/qq_43923146/article/details/133987333