我已经阅读了大量文章和SO问题(和-answers),但是其中大多数都过时或不适合我的用例。符合我需求的一个特殊问题是:Is WebGL or Canvas the only way to get SVG Keyframe Animations Hardware Accelerated?。但是:那里的回复似乎已经过时。
从那篇文章(以及我到目前为止的经验)中我发现,我可能应该完全避免使用任何复杂的SVG动画,因为它们是软件加速的。我以为如果使用PixiJS,Three.js或类似工具,可能会有些运气,但不幸的是,我什至无法在Angular(9)应用程序中使用它们。我可能可以导入本机JS文件并进行处理,,但是这两个库在SVG嵌入(CSS-)样式中似乎都有很多麻烦。
虽然徽标可以在Windows笔记本电脑上的Firefox上很好地呈现(对about:config
无任何更改),但它在我的手机(Android,Firefox浏览器,6GB RAM,Snapdragon)上的体验却有些滞后835 CPU,Adreno 540 GPU)。
我想知道的事情: 显示徽标,而整个网站不会滞后直到动画结束。
徽标: http://serenity-eye.com/img/logo.svg
有人碰巧知道如何做到这一点吗?