SVG 上 gsap 动画的不透明度渲染问题
Issue with opacity rendering with gsap animation on SVG
我遇到了这个网站的问题：http://nousprochesaidants.com/#carte
该网站主要使用 SVG 构建，并使用 GSAP 库制作动画。
由于某些原因，我在 chrome 上遇到了一些渲染问题，即使是最新版本也是如此。
您可以在此处查看图像示例：https://thomas-dev.com/images/opacity-nok.jpg
正如您在背景上的三角形上看到的那样，不透明度在左侧未正确呈现，但在右侧呈现良好...
Chrome 似乎无法在某些计算机上呈现不透明度属性，好像它需要更多 memory/cpu 才能做到这一点...
我该如何调试它，你知道这里发生了什么吗？
谢谢！
快速解决方法：从 #app #particles-js {} 中删除 will-change: opacity;。
我希望我可以在一个小的静态示例中重现它。但它在抵制我。一定有另一个因素在起作用，也许与脚本有关，这就是触发错误的原因。
我相信 Chrome 如果您能 post 您网站某处损坏版本的副本，人们会很感激。然后在 http://crbug.com.
为他们提交错误
我遇到了这个网站的问题：http://nousprochesaidants.com/#carte
该网站主要使用 SVG 构建，并使用 GSAP 库制作动画。
由于某些原因，我在 chrome 上遇到了一些渲染问题，即使是最新版本也是如此。
您可以在此处查看图像示例：https://thomas-dev.com/images/opacity-nok.jpg
正如您在背景上的三角形上看到的那样，不透明度在左侧未正确呈现，但在右侧呈现良好...
Chrome 似乎无法在某些计算机上呈现不透明度属性，好像它需要更多 memory/cpu 才能做到这一点...
我该如何调试它，你知道这里发生了什么吗？
谢谢！
快速解决方法：从 #app #particles-js {} 中删除 will-change: opacity;。
我希望我可以在一个小的静态示例中重现它。但它在抵制我。一定有另一个因素在起作用，也许与脚本有关，这就是触发错误的原因。
我相信 Chrome 如果您能 post 您网站某处损坏版本的副本，人们会很感激。然后在 http://crbug.com.
为他们提交错误