Skip to content

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

Description

@slotDumpling

奇怪的 Webkit 知识又增加了!

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

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

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

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

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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