> 原文出處：[HTML5 Canvas編程](http://blog.csdn.net/column/details/canvas-programming.html)
作者：[賈志剛](http://blog.csdn.net/jia20003)
**本系列文章經作者授權在看云整理發布，未經作者允許，請勿轉載！**
# HTML5 Canvas編程
> 演示基于Canvas的圖形與圖像編程API應用與技巧
包括各種畫筆，填充與描邊，鼠標與鍵盤事件，動畫
繪制，透明設置，簡單圖像處理，復雜圖表數據。
- 前言
- HTML5 組件Canvas實現圖像灰度化
- HTML5 Canvas組件繪制太極圖案
- HTML5 組件Canvas實現電子鐘
- 將HTML5 Canvas的內容保存為圖片
- 純JavaScript實現HTML5 Canvas六種特效濾鏡
- 提高HTML5 Canvas性能的技巧
- HTML5 Canvas平移，放縮，旋轉演示
- HTML5 Canvas鼠標與鍵盤事件
- HTML5 Canvas漸進填充與透明
- HTML5 Canvas動畫效果演示
- HTML5 Canvas 填充與描邊(Fill And Stroke)
- HTML5 Canvas陰影用法演示
- HTML5 Canvas自定義圓角矩形與虛線(Rounded Rectangle and Dash Line)
- HTML5 Canvas中實現繪制一個像素寬的細線