专栏名称: 前端之神
一位前端小菜鸡,写过300多篇原创文章,全网有5w+个前端朋友,梦想是成为”前端之神“~
目录
相关文章推荐
字体设计  ·  Before / After ·  2 天前  
今天看啥  ›  专栏  ›  前端之神

把 Canvas 放到 WebWorker 中去绘制?想都不敢想有多爽!

前端之神  · 公众号  ·  · 2024-07-18 08:50

文章预览

前端私教训练营:1v1私教,终身辅导计划,帮你拿到满意的  offer 。  已帮助数百位同学拿到了中大厂  offer 前言 大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~ 最近项目中需要绘制一块画布,大致上样子如下,就是绘制一堆人名在 Canvas 上(实际业务比这个复杂) 大致代码如下 页面肯定不止只有 Canvas 的逻辑,就比如我在绘制画布后,想去计算 1-100 的数字总和 但是最终发现,绘制画布耗费了很多时间,差不多有 1s 的时间,并且堵塞了主进程的代码,导致了我后续的逻辑被堵住了,下图可以看到,我的 computedTotal 结果是在画布绘制完菜执行完的 所以绘制画布的耗时过长,阻塞了后续的同步代码逻辑,这是不合理的,我们需要做优化 Web Worker?(离屏 Canvas) 我们平时在遇到这类情况的时候 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览