search

jin-yufeng / mp-html

小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
https://jin-yufeng.gitee.io/mp-html
MIT License
3.26k stars 477 forks source link

微信小程序ios端svg展示不正常 #593

Open Xuzhangzheng opened 4 months ago

Xuzhangzheng commented 4 months ago

续这个issue：https://github.com/jin-yufeng/mp-html/issues/591 我们这边在替换了您的修改后，安卓设备展示正常，但是发现在ios手机上第三个svg无法展示文字，呈现效果如下 image

Xuzhangzheng commented 4 months ago

svg3 (1).txt

Xuzhangzheng commented 4 months ago

目前我们自己定位还是与foreignObject有关，用了这个就不展示里面的文字

Xuzhangzheng commented 4 months ago

目前用的笨方法做了处理，方案是判断ios环境下处理foreignObject 转换成text和tspan结构才能正常在ios端显示，但这种治标不治本个人感觉，所以还是希望大佬看看是否可以解决这个问题，感谢

Xuzhangzheng commented 3 months ago

记录： 处理svg内容中有个traversal方法，方法体第一行判断node.type=='text'时直接拼接node.text的逻辑，在遇到符号“<”会出现无法正常展示的问题 示例图 image 目前使用的该方法进行了处理： image