小程序内嵌网页中的svg文字元素会被部分android手机渲染成黑色?
发布于 6 年前 作者 vtian 6134 次浏览 来自 问答

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



7 回复

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

系统:android 9

微信版本:7.0.9

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

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

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

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

同样问题,求解决

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

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

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

回到顶部