標(biāo)題：繪圖 API 使用基礎(chǔ)知識

轉(zhuǎn)自：docs.bilibili.tv

使用繪圖 API 簡介

繪圖 API 是 Script 中的一項內(nèi)置功能的名稱，您可以使用該功能來創(chuàng)建矢量圖形（直線、曲線、形狀、填充和漸變），并在屏幕上顯示它們。Display.createGraphic.graphics?類提供了這一功能。

如果剛剛開始學(xué)習(xí)使用代碼進(jìn)行繪制，可以使用 Graphics 類中包含的幾種方法來簡化繪制常見形狀（如圓、橢圓、矩形以及帶圓角的矩形）的過程。您可以將它們作為空線條或填充形狀進(jìn)行繪制。當(dāng)您需要更高級的功能時，還可以使用 Graphics 類中包含的用于繪制直線和二次貝塞爾曲線的方法，您可以將這些方法與 Math 類中的三角函數(shù)配合使用來創(chuàng)建所需的任何形狀。

常見繪圖 API 任務(wù)

以下是您可能需要在 Script 中使用繪圖 API 完成的任務(wù)，本章對這些任務(wù)進(jìn)行了介紹：

• 定義線條樣式和填充樣式以繪制形狀

• 繪制直線和曲線

• 使用方法來繪制形狀（如圓、橢圓和矩形）

• 使用漸變線條和填充進(jìn)行繪制

• 定義矩陣以創(chuàng)建漸變

• 將三角函數(shù)與繪圖 API 配合使用

• 將繪圖 API 與動畫相結(jié)合

重要概念和術(shù)語

以下參考列表包含將會在本章中遇到的重要術(shù)語：

• 錨點(diǎn) (Anchor point)：二次貝塞爾曲線的兩個端點(diǎn)之一。

• 控制點(diǎn) (Control point)：該點(diǎn)定義了二次貝塞爾曲線的彎曲方向和彎曲量。彎曲的線絕不會到達(dá)控制點(diǎn)；但是，曲線就好像朝著控制點(diǎn)方向進(jìn)行繪制的。

• 坐標(biāo)空間 (Coordinate space)：顯示對象中包含的坐標(biāo)（其子元素所在的位置）的圖形。

• 填充 (Fill)：形狀內(nèi)的實(shí)心部分，它包含一條用顏色填充的線條，或者整個形狀都沒有輪廓。

• 漸變 (Gradient)：此顏色是指從一種顏色逐漸過渡到一種或多種其它顏色（相對于純色而言）。

• 點(diǎn) (Point)：坐標(biāo)空間中的一個位置。在 Script 使用的二維坐標(biāo)系中，點(diǎn)是按其 x 軸和 y 軸位置（點(diǎn)坐標(biāo)）來定義的。

• 二次貝塞爾曲線 (Quadratic Bézier curve)：一種由特定數(shù)學(xué)公式定義的曲線類型。在這種類型的曲線中，曲線形狀是根據(jù)錨點(diǎn)（曲線端點(diǎn)）和控制點(diǎn)（定義曲線的彎曲方向和彎曲量）的位置計算的。

• 縮放 (Scale)：相對于原始大小的對象大小。用作動詞時，對象縮放是指伸展或縮小對象以更改其大小。

• 筆觸 (Stroke)：形狀的輪廓部分，它包含一條用顏色填充的線條，或未填充的形狀的多個線條。

• 平移 (Translate)：將點(diǎn)的坐標(biāo)從一個坐標(biāo)空間更改為另一個坐標(biāo)空間。

• X 軸 (X axis)：Script 使用的二維坐標(biāo)系中的水平軸。

• Y 軸 (Y axis)：Script 使用的二維坐標(biāo)系中的垂直軸。