繪圖 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 中所使用的二維系統之垂直軸。