利用canvas的roate和translate方法實現按中心旋轉的效果
工具/原料
chrome
方法/步驟
新建html頁
定義畫布，以及圖案的位置和大小參數
obj.x/y為長方形在canvas中的位置
obj.width/height為長方形的寬高
畫一個簡單的長方形，讓它每100毫秒旋轉1度
瀏覽器中打開頁面會發現，旋轉是以畫布的左上角為圓心的
在旋轉之前，把畫布的中心位置translate到圖片的中心
旋轉之後，把中心translate回初始的位置，然後再繪製長方形
完成，瀏覽器打開頁面，可以看到圖案以中心旋轉的效果
注意事項
更多canvas信息請自行網上按關鍵字搜索