HTML Canvas - 矩形

矩形是一個簡單的 2D 形狀，由4條邊、角和直角組成。矩形的對邊長度相同，其中一對比另一對長。

介面CanvasRenderringContext2D提供屬性和方法來渲染 2D 圖形，例如將矩形渲染到 Canvas 元素的繪圖表面上。它可以用於繪製形狀以及在<canvas>元素上設定它們的樣式。

屬性

下表列出了在 Canvas 元素內部繪製矩形可用的屬性。

序號	屬性和描述
1	fillStyle 此屬性可用於填充繪製到畫布上的形狀，並指定使用的顏色、漸變或圖案。此屬性的輸入是所有顏色值。
2	strokeStyle 此屬性將顏色、漸變或圖案應用於 Canvas 元素內部的描邊形狀。

以下是 HTML Canvas 上繪製各種形狀可用的各種方法：

序號	方法和描述
1	clearRect() 此方法透過引數擦除給定矩形區域中的所有畫素。
2	fillRect() 此方法在 Canvas 元素內部繪製具有給定尺寸的填充矩形。
3	getContextAttributes() 此方法建立一個包含可用畫布的上下文引數的物件。要獲取和顯示此資料，我們使用控制檯或視窗警報。
4	rect() 構造方法rect()用於將矩形新增到當前路徑。
5	strokeRect() 此方法在 Canvas 元素內部繪製具有給定尺寸的描邊矩形。

列印頁面