我在safari中呈现的svg时遇到了两种奇怪的事情(在Chrome / Edge / FF和IE中都可以正常工作)
描述起来不是那么容易,所以我制作了一个视频
我没有使用任何奇特的SVG功能,例如脚本或媒体查询。唯一使用的元素是text / path / rectangle。
SVG由我生成,并使用SVGO优化
[Codepen](https://codepen.io/alt22247/pen/vwzBmL)
该svg是base64编码的,因为我无法将svg上载到代码笔。由于base64编码的img文本超出了SO限制,因此不得不使用代码笔而不是内置的SO。随时将其解码回文本。
我想不出任何方法来弄乱SVG而不引起解析错误,因此我认为这是Safari的错误。但是我们无论如何都必须支持Safari(网络开发人员的典型生活)。
所以问题是:是什么原因造成的?我能做些什么而不是等10年后再等苹果修复它?