HTML5的學習 (canvas translate和restore的理解)

  今天研究了一下canvas畫布中的translate方法。

一直以爲translate(100,100)裏面的參數是座標點啊,其實是相對位置,座標系移動後想要移動回去,使用translate(-100,-100),這玩意兒還能困擾我半天,服了!

關於restore()的理解,之前用save()方法,然後再進行操作後執行restore()會返回之前的狀態。好吧,不是所有狀態,比如,你又畫了一個正方形出來,還想restore()回去? 太天真了。。。

關鍵在於繪圖狀態,它是指Canvas的平移、放縮、旋轉、錯切、裁剪等操作或者顏色、線條等樣式。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章