2***@qq.com
2***@qq.com
  • 发布:2025-10-21 17:03
  • 更新:2025-10-22 11:57
  • 阅读:72

h5使用canvas实现画笔功能特别卡顿

分类:uni-app

当canvas高度超过20000时,在画布上进行一些操作比如:画笔功能,就会特别卡顿,有没有什么好办法优化一下。
应用场景是:有一个特别长的列表,canvas高度和列表长度一样,点击画笔按钮可以在canvas画布上进行涂鸦。

2025-10-21 17:03 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

11111

1***@qq.com

1***@qq.com

你这2万px肯定会卡的了,尝试分成多个canvas来处理吧。

比如你列表长度是2w那一个canvas高度算500 那就创建40个canvas,不在当前视口的不去渲染和绘制等等。

或者以只用一个全屏的canvas,绘制的内容和滚动位置关联上。

我感觉你的业务有点奇怪,这个问题可以尝试去问AI了

要回复问题请先登录注册