作為web開發者,我一直在和HTML5 canvas元素打交道。渲染圖片是一個大的分支,十分重要而且很常用,所以,今天的教程是關于畫布圖像展示以及如何旋轉圖像,說不定是你現在真正想要的好東西。
總的來說,canvas旋轉有兩種方式:中心旋轉和參照點旋轉。熟練應用旋轉功能,對你的開發作品會有極大的幫助。
關于對象的中心旋轉
第一個類型的旋轉,我們要看看是對其中心旋轉一個對象。實現使用畫布元素,這是一個最簡單的旋轉類型。我們把一只大猩猩的圖片作為素材進行試驗。
基本的想法是,我們要把帆布按照一個中心點旋轉,旋轉畫布,然后把畫布回到原來的位置。如果你有一些經驗關于圖形引擎,那么這聽起來應該很熟悉。代碼大概就是這樣:(點擊看效果)
JavaScript Code復制內容到剪貼板
學習交流
- 綠毒越獄軟件 完美越獄4.21教程12-21
- htcg15怎么刷機?htcg15刷機教程12-21
- HTC hd7刷安卓2.2全教程12-21
- mpkg軟件下載和卸載的方法12-21
- 網站后臺系統設置的網站地址格式寫法07-09
- 防止重復提交js按鈕變灰07-09
- 不同時間顯示不同的廣告代碼07-09
- iframe框架調用高度自適應方法07-09
- 備份數據庫出現問題的解決方法07-09
熱門圖片
猜你喜歡的新聞