Html5 Canvas的充分运用:实用示例
复制代码
?
<div>容器的ID名取为(animationWidget),为它所有的内容和目录应用对应的CSS规则(如下)。
?
?
这张表展示了平均渲染时间和canvasFPS在前后的区别,我们可以看到在所有浏览器中都有重大提升,尽管只有谷歌浏览器真正实现了我们最初的33毫秒渲染时间的目标。这意味着要实现这个目标还需要做很多工作。我们可以继续通过应用更加普遍的Javascript优化技术,如果仍然失败,我们应该要考虑通过删除花里胡哨的效果来淡化动画。但是我们此时不会寻求任何别的技术,因为这里的重点是优化<canvas>动画。
Canvas API在现在仍然是新技术并且还在发展,所以继续研究,测试,探索和分享,感谢阅读这个教程。
?
?