canvas学习

html5 Canvas画图系列教程目录

html5 Canvas画图10：圆角矩形

html5 Canvas画图6：曲线之arcTo 

html5 Canvas画图5：画曲线之arc 

html5 Canvas画图4：填充和渐变 

html5 Canvas画图3：1像素线条模糊问题 

html5 Canvas画图2：画线条

canvas教程（五） 文字写入

http://www.mhtml5.com/resources/canvas%E6%95%99%E7%A8%8B%EF%BC%88%E4%BA%94%EF%BC%89-%E6%96%87%E5%AD%97%E5%86%99%E5%85%A5

http://www.w3school.com.cn/html5/html5_ref_canvas.asp

此目录随此系列的已发文章同步更新。

脚儿网的html5 Canvas画图系列教程目录：

html5 Canvas画图教程1：开始之前

开始canvas画图前的基础知识

html5 Canvas画图教程2：最简单的画线条

画直线与设置线条的样式，如颜色，端点，交汇点等

html5 Canvas画图3：1px线条模糊问题

讲解canvas中线条模糊的原因，及解决办法

html5 Canvas画图4：填充和渐变html5 Canvas画图5：画曲线之archtml5 Canvas画图6：画曲线之arcTohtml5 Canvas画图7：曲线之quadraticCurveTohtml5 Canvas画图8：曲线之bezierCurveTohtml5 canvas画图9：基本图形矩形、圆形html5 Canvas画图10：圆角矩形html5 canvas画图11：椭圆形Html5 Canvas画图教程12：绘制图片html5 Canvas画图教程13:保存画布状态与还原Html5 canvas画图教程14：画面的位移translate，缩放scale，旋转rotateHtml5 canvas画图教程15：画扇形Html5 canvas画图教程16:切割clip