武林網(www.vevb.com)文章簡介:HTML5每日一練之Canvas標籤的應用-坐標變換與路徑結合使用.
到目前為止,我們已經學會了很多Canvas的繪製方法,如果我們要繪製圖形怎麼辦呢?
我們需要對矩形變形,使用坐標變換就足夠了。但是對使用路徑繪製出來的圖形進行變幻的時候,那麼要考慮的事情就多了。因為使用坐標變換之後,已經創建好的路徑就不可用了。必須要重新創建路徑,重新創建路徑後,坐標變換方法又失效了。
解決思路
1、必須先另外繪製一個創建路徑的函數。
2、在坐標變幻的同時調用該函數。
代碼案例