使用HTML5 Canvas繪制多邊形所需的CanvasRenderingContext2D對象的主要屬性和方法(有「()」者為方法)如下:
| 屬性或方法 | 基本描述 |
|---|---|
| strokeStyle | 用于設置畫筆繪制路徑的顏色、漸變和模式。該屬性的值可以是一個表示css顏色值的字符串。如果你的繪制需求比較復雜,該屬性的值還可以是一個CanvasGradient對象或者CanvasPattern對象 |
| globalAlpha | 定義繪制內容的透明度,取值在0.0(完全透明)和1.0(完全不透明)之間,默認值為1.0。 |
| lineWidth | 定義繪制線條的寬度。默認值是1.0,并且這個屬性必須大于0.0。較寬的線條在路徑上居中,每邊各有線條寬的一半。 |
| lineCap | 指定線條兩端的線帽如何繪制。合法的值是 butt、round和square。默認值是"butt"。 |
| beginPath() | 開始一個新的繪制路徑。每次繪制新的路徑之前記得調用該方法。 |
| moveTo(int x, int y) | 定義一個新的繪制路徑的起點坐標 |
| lineTo(int x, int y) | 定義一個繪制路徑的中間點坐標 |
| stroke(int x, int y) | 沿著繪制路徑的坐標點順序繪制直線 |
| closePath() | 如果當前的繪制路徑是打開的,則閉合該繪制路徑。 |
繪制三角形
新聞熱點
疑難解答