大佬们 最近想做一个类似弹幕的效果 html css js
就是目前尝试过了 纯dom操作 用一个p标签然后js操作css的translate3d 从右往左 然后js用raf 更新坐标 达到从右往左 有进行dom复用没有频繁加和销毁 结果看起来还挺好的 但是有一点点不是很稳定 有的时候会闪一下抖一下 gpt和我说canvas性能更好 然后我用了canvas 思路也没变 就是维护几个存储弹幕信息的对象 然后filltext 但是这样效果很差 不如dom甚至 于是我换了一个想法 我把所有的弹幕先创建一个小canvas 然后直接drawimage 效果大增 和dom版本差不多 但是没有说好过dom和dom感觉差不多 而且因为缓存了那么多的小canvas 导致内存是dom版本的五倍 所以我想问问大佬们 还有什么办法吗 一定要用webgl吗 canvas还能更上一层楼吗
就是目前尝试过了 纯dom操作 用一个p标签然后js操作css的translate3d 从右往左 然后js用raf 更新坐标 达到从右往左 有进行dom复用没有频繁加和销毁 结果看起来还挺好的 但是有一点点不是很稳定 有的时候会闪一下抖一下 gpt和我说canvas性能更好 然后我用了canvas 思路也没变 就是维护几个存储弹幕信息的对象 然后filltext 但是这样效果很差 不如dom甚至 于是我换了一个想法 我把所有的弹幕先创建一个小canvas 然后直接drawimage 效果大增 和dom版本差不多 但是没有说好过dom和dom感觉差不多 而且因为缓存了那么多的小canvas 导致内存是dom版本的五倍 所以我想问问大佬们 还有什么办法吗 一定要用webgl吗 canvas还能更上一层楼吗