在Safari中平移时出现随机svg线

时间:2019-05-28 21:43:24

标签: svg safari

我在safari中呈现的svg时遇到了两种奇怪的事情(在Chrome / Edge / FF和IE中都可以正常工作)

  1. 在SVG中未定义的行在平移时会随机出现和消失。
  2. 平移时,SVG中定义的行可能会随机消失。

描述起来不是那么容易,所以我制作了一个视频

https://youtu.be/BqlItab0k_g

我没有使用任何奇特的SVG功能,例如脚本或媒体查询。唯一使用的元素是text / path / rectangle。

SVG由我生成,并使用SVGO优化

[Codepen](https://codepen.io/alt22247/pen/vwzBmL)

该svg是base64编码的,因为我无法将svg上载到代码笔。由于base64编码的img文本超出了SO限制,因此不得不使用代码笔而不是内置的SO。随时将其解码回文本。

我想不出任何方法来弄乱SVG而不引起解析错误,因此我认为这是Safari的错误。但是我们无论如何都必须支持Safari(网络开发人员的典型生活)。

所以问题是:是什么原因造成的?我能做些什么而不是等10年后再等苹果修复它?

0 个答案:

没有答案