16、canvas性能优化建议

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

在离屏canvas上预渲染相似的图形或重复的对象

如果你发现你的在每一帧里有好多复杂的画图运算，

请考虑创建一个离屏canvas，将图像在这个画布上画一次（或者每当图像改变的时候画一次），然后在每帧上画出视线以外的这个画布

eg：创建离屏canvas

var offCanvas = document.createElement("canvas");

offCanvas.width=400;

offCanvas.height=400;

var offContext = offCanvas.getContext("2d");

.......

详细有道笔记链接>>

 

 

来源：oschina

链接：https://my.oschina.net/u/3698702/blog/1844958