Skip to content

Safari 下深色模式的 Canvas 渲染异常慢 #1

@slotDumpling

Description

@slotDumpling

奇怪的 Webkit 知识又增加了!

为什么有时候在 Safari 里我们的画笔像抽筋一样卡呢,因为以下情况会让 Canvas 的每次重绘异常慢:

  1. Canvas 的分辨率超过 4k(嘿,偏偏 4K+ 显示器大部分都接在Mac上)。
  2. Canvas 元素(及其父元素)设置了 CSS Filter。间歇性触发渲染 bug 后,要把 Safari 退出重开才能恢复。

但我们的深色模式还就是用 filter 实现的……

好消息是 backdrop-filter 不受影响。

以上就是全球最大科技公司 Apple Inc. 的杰作,可能这就是人类科技现状吧 :)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions