Canvas 畫布

使用Canavs工具在舞台畫出範圍,會看到Canavs元件範圍呈現如下:

Canavs工具


Canavs元件,剛剛利用Canavs工具拉出的Canavs元件。

Canavs元件,選取時會顯示淺藍色框。


筆刷面版,可以設定剛剛拉出得Canavs元件填色。

接下來搭配圖檔實作練習看Canavs元件中裝了東西會如何變化? 
Canavs中放入一個形狀物件(元件管理視窗上形狀物件會被Canavs包覆)

Canavs中放入一個形狀物件


確定形狀物件被Canavs包覆,當移動Canavs,形狀物件也會跟著移動


版面配置,可以設定LeftTop

ZIndex(層級關係) 
Canavs上在加入一個形狀物件(圓形),並且將原本的形狀物件(長方形)
設定Zidex 數值為1的效果會是如何?

形狀物件(長方形-桃紅色)未設定Zidex 數值時,會在形狀物件(圓形-藍色)下方。 


但當(長方形-桃紅色)設定Zidex 數值為1時,而形狀物件(圓形-藍色)Zidex 數值為0時。 


(長方形-桃紅色)設定Zidex 數值形狀物件(圓形-藍色)Zidex 數值,
(長方形-桃紅色)會在形狀物件(圓形-藍色上方)。 


當縮放Canavs元件,其內容物形狀物件並不會受影響而改變大小,
且會與Canavs元件保持LeftTop設定尺寸。



若要同時更改Canavs元件與內容物尺寸也是可以的,到轉換面板的縮放,
XY輸入的數值所代表即是以中心點放大的倍數。 
假設設定1,則表示以元件為中心,寬高比放大一倍。


CanvasGrid最大的不同在於定位的方式 

Grid 採相對定位,是用邊界的距離與位置來定應定位。
Canbas 採絕對定位,以左上角為起點,向右向下計算。
TopLeft兩個數值來定位=X座標。

Leave a Reply