繪圖 API 的基本概念
Flash Player 9 以及更新的版本,Adobe AIR 1.0 以及更新的版本
「繪圖 API」這個 ActionScript 的內建功能可讓您建立向量圖像,包括線段、曲線、形狀、填色與漸層等,並使用 ActionScript 將這些圖像顯示在螢幕上。flash.display.Graphics 類別可提供此功能。您可以在任何 Shape、Sprite,或 MovieClip 實體上使用 ActionScript 來繪圖,方法是使用這些類別所個別定義的
graphics
屬性 (這些類別的個別
graphics
屬性事實上都是 Graphics 類別的實體)。
如果您剛開始使用程式碼來繪圖,可利用 Graphics 類別所包含的數種方法輕鬆地繪製像是圓形、橢圓形、矩形,以及圓角矩形之類的常見形狀。您可以將這些形狀繪製成空白線段或是填色形狀。當您需要更進階的功能時,Graphics 類別同樣包含了一些可用來繪製線段與二次方貝茲曲線的方法,方便您搭配 Math 類別中的三角函數建立所需要的任何形狀。
Flash 執行階段 (例如 Flash Player 10 和 Adobe AIR 1.5 及更新版本) 中另外加入了供繪圖使用的 API,可讓您以程式設計方式,透過單一命令來繪製整個形狀。當您熟悉 Graphics 類別和「使用繪圖 API 基本課程」中涵蓋的工作之後,請參閱
繪圖 API 的進階用法
,進一步瞭解這些繪圖 API 功能。
重要概念與術語
下列參考清單包含使用繪圖 API 時會碰到的重要術語:
-
錨點
-
在二次方貝茲曲線中,兩個端點的其中一個。
-
控制點
-
定義二次方貝茲曲線之曲線方向與數量的點。曲線永遠無法連接控制點;然而,曲線的繪製方式看起來就像是朝著控制點走。
-
座標空間
-
包含在顯示物件中的座標圖表,且圖表上放置了該物件的子元素。
-
填色
-
在形狀內部的實心部分填入了有顏色的線段,或是沒有外框的整個形狀。
-
漸層
-
一種包含由某種顏色逐漸轉換為另一個或其它多種顏色的顏色空間 (與純色不同)。
-
點
-
座標空間中的單一位置。在 ActionScript 所使用的二維座標系統中,沿著 x 軸與 y 軸的位置可用來定義點 (點的座標)。
-
二次方貝茲曲線
-
由特殊數學公式定義的曲線類型。在這種曲線類型中,曲線的形狀是依據錨點 (曲線的兩個端點) 位置以及用來定義曲線數量與方向的控制點所計算出來的。
-
縮放
-
物件大小 (相對於原始大小)。當做為動詞使用時,縮放物件表示藉由延伸或縮小物件來變更其尺寸。
-
Stroke
-
形狀的外框部分 (其中包含填上顏色的線段),或是未填上顏色的形狀線段。
-
轉移
-
將點的座標從某個座標空間變換至另一個座標空間。
-
X 軸
-
ActionScript 中所使用的二維系統之水平軸。
-
Y 軸
-
ActionScript 中所使用的二維系統之垂直軸。
|
|
|