svg - 在 safari 中平移时出现随机 svg 行

Question

我在 safari 中渲染 svg 时遇到了两件奇怪的事情（在 Chrome/Edge/FF 中运行良好，甚至在 IE 中也能正常工作）

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

不是那么容易描述，所以我为它制作了一个视频

https://youtu.be/BqlItab0k_g

我没有使用任何花哨的 SVG 功能，例如脚本或媒体查询。唯一使用的元素是文本/路径/矩形。

SVG 由我生成并使用 SVGO 进行了优化

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

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

我想不出任何办法在不引起解析错误的情况下弄乱 SVG，所以我相信这是一个 Safari 错误。但无论如何我们都需要支持 Safari（网络开发人员的典型生活）。

所以问题是：是什么导致了这个问题，我能做些什么而不是等待苹果在 10 年后修复它？

标签： svgsafari