html5之Canvas路徑繪圖、座標變換應用實例_html5教學技巧

在上一篇中我們了解html5的Canvas ，在這篇中不用多說，寫一個html5的時鐘應用程式試手。這裡主要設定了座標變換的平移（translate）和旋轉變換（ratate），以及html5 Canvas的路徑繪圖，beginPath，closePath，rect，arc等，還有就是html5 Canvas路徑繪圖重要的繪圖狀態的儲存與復原機制，save，restore。
多的也不說了，直接上程式碼，有不解的歡迎提問，以及對我的建議指教都可以。
ff下效果圖：
 
代碼：

程式碼

程式碼如下:






你的瀏覽器還不支援喔