HTML5 Canvas 動畫時鐘

原理:   1.canvas通過clip()指定對應的區域爲可用區域,在區域外的部分不受影響,每次刷新可見區域   2.通過createPattern指定背景圖片,通過fillStyle = pat應用填充結果   3.save, restore恢復原來的狀態   4.指針通過角度變換得到對應的座標,lineTo即可   5.toDataURL保存對應的canvas的png的base64值 效果:
相關文章
相關標籤/搜索