html5 canvas 详细使用教程

 转载自 http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html

 

 

• 前言
• 基本知识
• 绘制矩形
• 清除矩形区域
• 圆弧
• 路径
• 绘制线段
• 绘制贝塞尔曲线
• 线性渐变
• 径向渐变（发散）
• 图形变形（平移、旋转、缩放）
• 矩阵变换（图形变形的机制）
• 图形组合
• 给图形绘制阴影
• 绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）
• 绘制文字
• 保存和恢复状态（context）
• 保存文件
• 结合setInterval制作动画
• 结语、demo下载