У меня есть простая stroke-dashoffset CSS-анимация на моем сайте, это то, что заставляет эти пунктирные линии двигаться в gif ниже:
Этот прогон хорош для Chrome / Firefox на моем Macbook. Но когда я открываю его в Safari, производительность резко падает. Время от времени он будет работать плавно в течение секунды или около того, а затем снова станет медленным и медленным. Это несколько непредсказуемо.
Я сделал кодовую ручку , которая использует те же пути SVG и анимацию - и проблема сохраняется.
Я заметил, что когда я делаю окно Safari меньше, оно очень хорошо сглаживается. Это заставляет меня думать, что это связано с тем, сколько пикселей он рисует и как часто он их рисует.
Я искал эту проблему со всеми поисковыми фразами, которые только мог придумать, и не могу найти ничего, что помогло бы мне понять, что происходит. Мне было интересно, есть ли у кого-нибудь совет по поводу обходного пути для этого? Или просто разъяснение того, что здесь происходит. Спасибо.