八.像素级别操作尽量用整数
几种取整数的方法:
rounded = (0.5 + somenum) 0;
rounded = ~ ~(0.5 + somenum);
rounded = (0.5 + somenum) << 0;
九.使用Jscex制作动画效果
var drawAsync = eval(Jscex.compile("async", function () {
while (true) {
context.drawImage(m_canvas, 0, 0);
$await(Jscex.Async.sleep(1000));
}
}))
drawAsync().start();
十.其他
与渲染无关的计算交给worker
复杂的计算交给引擎(自己写,或者用开源的),比如3D、物理
缓存load好的图片,canvas上画canvas,而不是画image;
以上十点为大家总结在html5使用canvas中所需要注意的性能技巧,这些能够方便的为大家提高html5中canvas的性能技巧,供大家参考学习