Я испытываю две странные вещи, происходящие с svg, отображаемым в Safari (отлично работает в Chrome / Edge / FF и чертовски даже в IE)
- Линии, не определенные в SVG, будут появляться и исчезать случайным образом при панорамировании.
- Линии, определенные в SVG, могут случайно исчезать при панорамировании.
Не очень легко описать, поэтому я сделал для него видео
https://youtu.be/BqlItab0k_g
Я не использовал какую-либо необычную функцию SVG, такую как скрипт или медиа-запрос. Используются только элементы text / path / rectangle.
SVG сгенерирован мной и оптимизирован с использованием SVGO
[Codepen](https://codepen.io/alt22247/pen/vwzBmL)
SVG кодируется в base64, так как я не могу загрузить SVG в Code Pen. Пришлось использовать кодовое перо вместо встроенного SO, поскольку закодированный в base64 текст img превышает ограничение SO. Не стесняйтесь декодировать его обратно в текст.
Я не могу придумать, как можно испортить SVG, не вызывая ошибки разбора, поэтому я считаю, что это ошибка Safari. Но мы должны поддерживать Safari независимо (типичная жизнь веб-разработчика).
Итак, вопрос в том, что вызывает это, и есть ли какая-нибудь работа, которую я могу сделать, вместо того, чтобы ждать, пока Apple исправит это 10 лет спустя?