canvas也有css3里transform的變換功能，transform的底層運算的方式是運用了線性代數里矩陣，而矩陣是在我們的生活實踐中會經常被使用，它可以把復雜的空間問題呈現出來，它還有很多實踐的地方，然后不懂它的人會覺得很難，如果要鉆研，這方面知識是不能少的。

canvas里封裝好的變換函數：scale()、rotate()、translate()、transform()、setTransform()；而它們只要傳數字進去即可，單位不用傳，還有這里角度單位是弧度，這些是與css里的區別，transform()、setTransform();在與這個變換都有個記憶保存疊加的功能，而setTransform()幫

你消除這些功能了，換句話說，setTransform() 允許您縮放、旋轉、移動并傾斜當前的環境。

至于使用方式到w3c里查手冊。

接下來效果圖：

代碼：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表