环境是:uBuntu16.0、Chrome 98.0
    本机上Firefox88.0浏览器,且uBuntu20、macOS都没有这个问题

    three 绘制的canvas,因为切换模式时需要隐藏/显示canvas,但让canvas重新显示出来非常慢,甚至会卡顿住,让整个浏览器都阻塞住。

    以为写了死循环,performance录制后,没发现。

    在控制台修改canvas的visibility的css就非常卡顿。且canvas没有大量数据时不卡。则确定是浏览器绘制大量canvas数据会卡顿,可能是chrome将canvas数据全部删去,显示时要全部绘制出来,导致卡顿。

    于是尝试各种隐藏dom的方法,只有z-index的方法不会卡,可能zindex浏览器只是调整canvas是否被遮盖,并没有重新绘制。