詳解通過HTML5Canvas實現圖片的平移及旋轉變化的方法_html5教程技巧

這里的translate()只傳入兩個參數，其實就是新畫布坐標系原點的坐標。下面結合代碼來看看效果。

第二，在每次平移之前使用context.save()，在每次繪制之后，使用context.restore()。
切記，千萬不要再想著我繼續緊接著第一次平移之后再平移translate(100,100)不就行了，這樣你自己的坐標系就會亂套，根本找不到自己的坐標系原點在哪，在多次變換或者封裝函數之后，會坑死你。所以一定要以最初狀態為最根本的參照物，這是原則性問題。這里我建議使用第二種方法，而且在涉及所有圖形變換的時候，都要這么處理，不僅僅是平移變換。
具體使用如下。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com