Canvas 畫布
使用Canavs工具在舞台畫出範圍,會看到Canavs元件範圍呈現如下:
Canavs工具
Canavs元件,剛剛利用Canavs工具拉出的Canavs元件。
Canavs元件,選取時會顯示淺藍色框。
筆刷面版,可以設定剛剛拉出得Canavs元件填色。
確定形狀物件被Canavs包覆,當移動Canavs,形狀物件也會跟著移動
版面配置,可以設定Left、Top
當縮放Canavs元件,其內容物形狀物件並不會受影響而改變大小,
且會與Canavs元件保持Left、Top設定尺寸。
Canavs元件,剛剛利用Canavs工具拉出的Canavs元件。
筆刷面版,可以設定剛剛拉出得Canavs元件填色。
接下來搭配圖檔實作練習看Canavs元件中裝了東西會如何變化?
在Canavs中放入一個形狀物件(元件管理視窗上" 形狀物件" 會被Canavs包覆)
在Canavs中放入一個形狀物件
確定形狀物件被Canavs包覆,當移動Canavs,形狀物件也會跟著移動
版面配置,可以設定Left、Top
ZIndex(層級關係)
在Canavs上在加入一個形狀物件(圓形),並且將原本的形狀物件(長方形)
設定Zidex 數值為1的效果會是如何?
形狀物件(長方形-桃紅色)未設定Zidex 數值時,會在形狀物件(圓形-藍色)下方。
但當(長方形-桃紅色)設定Zidex 數值為1時,而形狀物件(圓形-藍色)Zidex 數值為0時。
(長方形-桃紅色)設定Zidex 數值> 形狀物件(圓形-藍色)Zidex 數值,
則(長方形-桃紅色)會在形狀物件(圓形-藍色上方)。
當縮放Canavs元件,其內容物形狀物件並不會受影響而改變大小,
且會與Canavs元件保持Left、Top設定尺寸。
若要同時更改Canavs元件與內容物尺寸也是可以的,到轉換面板的縮放,
X、Y輸入的數值所代表即是以中心點放大的倍數。
假設設定1,則表示以元件為中心,寬高比放大一倍。
Canvas與Grid最大的不同在於定位的方式
Grid 採相對定位,是用邊界的距離與位置來定應定位。
Canbas 採絕對定位,以左上角為起點,向右向下計算。
以Top、Left兩個數值來定位=X、Y 座標。