今天突然发现线上正在运行的小程序,android客户端图片的文字展示全部出现了问题,文字颜色全部展示为黑色:
图片<image>标签里的src为base64格式,图片本身为svg图片,服务端转为base64之后前端展示的。
之前正常运行半年多,突发的状况,目前已经测试过的小米和华为手机全部出现此类问题,iphone目前没问题。
base64文件如下:
data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQ1MCIgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2JhKDAsMCwwLDApIiBzdHJva2Utd2lkdGg9IjBweCIvPjxyZWN0IHdpZHRoPSI0MCIgeD0iNTkuMTY3IiB5PSIxOTcuOTkiIGhlaWdodD0iMjA3LjAxIiBpZD0iZXUiIHN0eWxlPSJmaWxsOiNhOGRjNDc7c3Ryb2tlOnJnYmEoMCwwLDAsMCk7c3Ryb2tlLXdpZHRoOjFweDsiLz48cmVjdCB3aWR0aD0iNDAiIHg9IjE3Ny41IiB5PSIzMzEuOTQiIGhlaWdodD0iNzMuMDYyIiBpZD0iZXciIHN0eWxlPSJmaWxsOiNhOGRjNDc7c3Ryb2tlOnJnYmEoMCwwLDAsMCk7c3Ryb2tlLXdpZHRoOjFweDsiLz48cmVjdCB3aWR0aD0iNDAiIHg9IjI5NS44MyIgeT0iODAiIGhlaWdodD0iMzI1IiBpZD0iZXkiIHN0eWxlPSJmaWxsOiNhOGRjNDc7c3Ryb2tlOnJnYmEoMCwwLDAsMCk7c3Ryb2tlLXdpZHRoOjFweDsiLz48cmVjdCB3aWR0aD0iNDAiIHg9IjQxNC4xNyIgeT0iMzU4LjY3IiBoZWlnaHQ9IjQ2LjMyOSIgaWQ9ImUxMCIgc3R5bGU9ImZpbGw6I2E4ZGM0NztzdHJva2U6cmdiYSgwLDAsMCwwKTtzdHJva2Utd2lkdGg6MXB4OyIvPjxyZWN0IHdpZHRoPSI0MCIgeD0iNTMyLjUiIHk9IjQwNSIgaGVpZ2h0PSIwIiBpZD0iZTEyIiBzdHlsZT0iZmlsbDojYThkYzQ3O3N0cm9rZTpyZ2JhKDAsMCwwLDApO3N0cm9rZS13aWR0aDoxcHg7Ii8+PHJlY3Qgd2lkdGg9IjQwIiB4PSI2NTAuODMiIHk9IjQwNSIgaGVpZ2h0PSIwIiBpZD0iZTE0IiBzdHlsZT0iZmlsbDojYThkYzQ3O3N0cm9rZTpyZ2JhKDAsMCwwLDApO3N0cm9rZS13aWR0aDoxcHg7Ii8+PHBhdGggZD0iTTIwIDQwOHYtM00xMzguMzMgNDA4di0zTTI1Ni42NyA0MDh2LTNNMzc1IDQwOHYtM000OTMuMzMgNDA4di0zTTYxMS42NyA0MDh2LTNNNzMwIDQwOHYtMyIgc3Ryb2tlPSIjNDI0MjQyIiBmaWxsPSJub25lIi8+PHBhdGggc3Ryb2tlPSIjNDI0MjQyIiBkPSJNMTUgNDA1aDcyMCIgc3Ryb2tlLXdpZHRoPSIycHgiLz48ZyBmb250LWZhbWlseT0iQXJpYWwsIC1hcHBsZS1zeXN0ZW0tZm9udCwgSGVsdmV0aWNhIE5ldWUsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjJweCIgZmlsbD0iI2ZmZiI+PHRleHQgeD0iNzkuMTY3IiB5PSI0MzYuNyIgdGV4dC1hbmNob3I9Im1pZGRsZSI+MDfmnIg8L3RleHQ+PHRleHQgeD0iMTk3LjUiIHk9IjQzNi43IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4wOOaciDwvdGV4dD48dGV4dCB4PSIzMTUuODMiIHk9IjQzNi43IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4wOeaciDwvdGV4dD48dGV4dCB4PSI0MzQuMTciIHk9IjQzNi43IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4xMOaciDwvdGV4dD48dGV4dCB4PSI1NTIuNSIgeT0iNDM2LjciIHRleHQtYW5jaG9yPSJtaWRkbGUiPjEx5pyIPC90ZXh0Pjx0ZXh0IHg9IjY3MC44MyIgeT0iNDM2LjciIHRleHQtYW5jaG9yPSJtaWRkbGUiPjEy5pyIPC90ZXh0PjwvZz48Zz48Zz48dGV4dCBmb250LWZhbWlseT0iQXJpYWwsIC1hcHBsZS1zeXN0ZW0tZm9udCwgSGVsdmV0aWNhIE5ldWUsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjBweCIgZmlsbD0iI2ZmZiIgeT0iMTgyLjk5IiB4PSI3OS4xNjciIHRleHQtYW5jaG9yPSJtaWRkbGUiPjE0Nzk8L3RleHQ+PC9nPjxnPjx0ZXh0IGZvbnQtZmFtaWx5PSJBcmlhbCwgLWFwcGxlLXN5c3RlbS1mb250LCBIZWx2ZXRpY2EgTmV1ZSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMHB4IiBmaWxsPSIjZmZmIiB5PSIzMTYuOTQiIHg9IjE5Ny41IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj41MjI8L3RleHQ+PC9nPjxnPjx0ZXh0IGZvbnQtZmFtaWx5PSJBcmlhbCwgLWFwcGxlLXN5c3RlbS1mb250LCBIZWx2ZXRpY2EgTmV1ZSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMHB4IiBmaWxsPSIjZmZmIiB5PSI2NSIgeD0iMzE1LjgzIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj4yMzIyPC90ZXh0PjwvZz48Zz48dGV4dCBmb250LWZhbWlseT0iQXJpYWwsIC1hcHBsZS1zeXN0ZW0tZm9udCwgSGVsdmV0aWNhIE5ldWUsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjBweCIgZmlsbD0iI2ZmZiIgeT0iMzQzLjY3IiB4PSI0MzQuMTciIHRleHQtYW5jaG9yPSJtaWRkbGUiPjMzMTwvdGV4dD48L2c+PC9nPjwvc3ZnPgo=
@falcon 解决了吗?我也发现了这个问题。
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)