前面我整理过一篇文章canvas学习之API整理笔记（一），从这篇文章我们已经可以基本了解到常用绘图的API、简单的变换和动画。而本篇文章的主要内容包括高级动画、像素操作、性能优化等知识点，讲解每个知识点的同时还会有一些酷炫的demo，保证看官们全程在线，毫无尿点，看完不会后悔，哈哈，一个耿直的笑^_^。
除此之外，关于canvas的一系列实例即将来袭！欢迎关注！
开始之前
var can = document.getElementById(‘canvas’);//创建一个画布var ctx = can.getContext(‘2d’);
下面所有的操作都在画布ctx上进行操作。
高级动画
继上一篇简单介绍了动画（主要是requestAnimationFrame方法），现在我们来一步步实现一个在画布内滚动的实例。
html代码：
<canvas id="canvas" width="400" height="200" style="background:#fff;"></canvas>
