Проблема с непрозрачностью рендеринга с анимацией gsap в SVG - PullRequest
0 голосов
/ 04 июня 2019

У меня проблема с этим сайтом: http://nousprochesaidants.com/#carte

Сайт построен в основном с использованием SVG и анимирован с помощью библиотеки GSAP.

По некоторым причинам у меня естьнекоторые проблемы с рендерингом в Chrome, даже в последней версии.

Пример изображения можно посмотреть здесь: https://thomas -dev.com / images / opacity-nok.jpg

Как вы можете видеть на треугольниках на фоне, непрозрачность не правильно отображается слева, но хорошо отображается справа ...

Кажется, что Chrome не отображает атрибуты прозрачности на некоторых компьютерах, как если бы ондля этого нужно больше памяти / процессора ...

Как я могу отладить его, и есть ли у вас какие-либо идеи о том, что здесь происходит?

Спасибо!

1 Ответ

0 голосов
/ 05 июня 2019

Быстрый обходной путь: удалите will-change: opacity; из #app #particles-js {}.


Я хотел бы воспроизвести это в небольшом статическом примере.Но это противостоит мне.В игре должен быть еще один фактор, возможно связанный со сценарием, который вызывает ошибку.

Я уверен, что пользователи Chrome оценят это, если вы отправите копию сломанной версии своего сайта где-нибудь.Тогда подайте ошибку для них в http://crbug.com.

...