1. 程式人生 > >canvas和白鷺引擎中平移,旋轉,縮放

canvas和白鷺引擎中平移,旋轉,縮放

都是 canvas 引擎 偏移 坐標 這一 text sla 偏移量

canvas中的 translate() 和白鷺引擎中的 .x 或者 .y 所導致的平移效果並不是移動 目標元素,而是移動目標元素父親所在的坐標系。

例如 bgg.translate(100,100) 所表達的含義是將父親元素所在的坐標系 向右和向下 偏移100 px。

而設置元素大小時 context.fillRect(0, 0, 100, 100) 這裏的前兩個參數是 真 的 設置偏移量,表示 向右和向下 偏移100px。是設置距離父親元素的偏移量。

設置旋轉,不管是canvas還是白鷺引擎,本質都是旋轉的目標元素所依賴的那個坐標系。

canvas中的縮放回同時縮放元素圓點,線條,大小。

究其根本,平移變換、旋轉變換、縮放變換都屬於坐標變換,或者說是畫布變換。因此,縮放並非縮放的是圖像,而是整個坐標系、整個畫布!就像是對坐標系的單位距離縮放了一樣,所以坐標和線條都會進行縮放。仔細想想,這一切貌似挺神奇的。

canvas和白鷺引擎中平移,旋轉,縮放