如何用javascript中的canvas讓圖片自己旋轉


最近在寫一個游戲,想讓一個人物隨着鼠標在原地旋轉

在網上找了找,大都是用css寫的,但是我為了長遠的利益着想選擇使用javascript代碼中的canvas來解決繪圖問題

 

其中重要的兩個方法:

context.translate(x,y) 

用於重新設定畫布的原點

參數是設定的原點坐標

 

context.rotate(角度*Math.PI/180)

讓圖片旋轉,

參數是指旋轉的弧度

如果要填入角度就像上面一樣乘以 Math.PI/180

 

核心思路:

 

 

轉載自:http://jingyan.baidu.com/article/ab0b56309719bac15afa7de9.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM