在离屏canvas上预渲染相似的图形或重复的对象
如果你发现你的在每一帧里有好多复杂的画图运算,
请考虑创建一个离屏canvas,将图像在这个画布上画一次(或者每当图像改变的时候画一次),然后在每帧上画出视线以外的这个画布
eg:创建离屏canvas
var offCanvas = document.createElement("canvas");
offCanvas.width=400;
offCanvas.height=400;
var offContext = offCanvas.getContext("2d");
.......