收藏
回答

小程序内嵌网页中的svg文字元素会被部分android手机渲染成黑色?

RT

本周突然发现上线很久的svg中的文字被渲染成了黑色

经对比发现存在以下规律:

仅在魅族16X、小米9等部分android手机中出现此问题,小米8透明探索版、iPhone无此问题

出现问题的手机中使用微信内置浏览器、系统自带浏览器打开网页无此问题


问题出现期间,未升级微信及系统版本,小程序未发版


截图如下:


(小程序页面截图,svg中的文字均被渲染成黑色)



(微信浏览器截图,svg中的文字颜色渲染正常)


(浏览器截图,svg中的文字颜色渲染正常)


问题机型:魅族16X

微信版本号:7.0.9

系统版本号:Android 8.1.0    Flame 8.0.0.0A

---------------------------------------------------------------

问题机型:小米9

微信版本号:7.0.9

系统版本号:Android 10.0    MIUI 11.0.4 稳定版(QDFACNXM)

---------------------------------------------------------------

代码片段:https://developers.weixin.qq.com/s/15amVxme7dd3



最后一次编辑于  2019-12-11
回答关注问题邀请回答
收藏

7 个回答

  • 星梦枫
    星梦枫
    2019-12-18

    同样问题,求解决

    2019-12-18
    有用 1
    回复
  • falcon
    falcon
    2020-01-03

    同问题,请问怎么解决了?

    2020-01-03
    有用
    回复
  • 云剑☀
    云剑☀
    2019-12-25

    华为nova2也有这个问题,微信小程序中的svg会把白色文字渲染为黑色.

    2019-12-25
    有用
    回复
  • 竹子
    竹子
    2019-12-25

    这个问题解决了吗?等2周了~

    2019-12-25
    有用
    回复
  • 2019-12-20

    小米cc9 pro 也存在,只有微信浏览器存在此问题,试了其它四个不同的浏览器都正常;

    系统:android 9

    微信版本:7.0.9

    估计所有带text标签的svg文件在微信浏览器下都存在此问题



    2019-12-20
    有用
    回复
  • 是小白啊
    是小白啊
    2019-12-11

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-12-11
    有用
    回复 4
    • 葉藏
      葉藏
      2019-12-11
      已编辑,麻烦看一下原文
      2019-12-11
      回复
    • 竹子
      竹子
      2019-12-25
      这个问题解决了吗?
      2019-12-25
      回复
    • 云剑☀
      云剑☀
      2019-12-25
      问题还没有解决掉,华为nova 2上面运行的微信小程序,也会把svg之中白色文字渲染为黑色@!!!!!过了一周了,微信还没修复!!!
      2019-12-25
      回复
    • 是小白啊
      是小白啊
      2019-12-25回复葉藏
      现在小程序不会强制dark,可能是厂商的强制dark导致的,把系统的dark模式关了测试。
      2019-12-25
      回复
  • 快乐我期待
    快乐我期待
    2019-12-11

    同样的问题,今天早上出现的

    IOS正常,小米MIX2、华为荣耀Note10不正常

    2019-12-11
    有用
    回复
登录 后发表内容
问题标签