Firefox svg 动画在特定 PC 上冻结

Posted

技术标签:

【中文标题】Firefox svg 动画在特定 PC 上冻结【英文标题】:Firefox svg animation freezes on specific PC 【发布时间】:2016-02-21 05:41:50 【问题描述】:

我有这个特定于 Firefox 的 code。

    //problem is here
    #mask0 path 
        stroke: white;
        stroke-width: 0;

        transition: all 5s;
    

    input:checked + svg #mask0 path 
        stroke-width: 1;
    

它在不同的设备、平台和版本的 Firefox 浏览器上运行良好,但在目标设备(信息终端)上它可能会冻结很长时间(几分钟)。 设备:intel xeon,4GB 内存,archlinux 64bit,firefox 41。 问题不在于缺乏计算机能力,因为在冻结时 CPU 使用率低于 4%,内存使用率低于 10%。视频驱动程序也检查并正常工作。其他 css 动画按要求工作。

【问题讨论】:

有趣的问题。不过,我不确定您是否会得到答案,只是一堆 cmets 说“它在这里工作”。 @MrLister ,至少我希望让一些 cmets 说“它在这里不起作用”。它可以提供帮助。 【参考方案1】:

更新到firefox的开发版(44)解决了这个问题

【讨论】:

以上是关于Firefox svg 动画在特定 PC 上冻结的主要内容,如果未能解决你的问题,请参考以下文章

CSS动画冻结

Safari 中的 SVG 动画

SVG 悬停在 Firefox 中不起作用

JavaScript 更新 textarea 冻结 Chrome,但不冻结 Firefox

SVG 剪辑路径动画在 Firefox 上不起作用

为啥这个 SVG 蒙版动画在 Firefox 中断断续续,但在 Chrome 中却很流畅?