HTML Canvas - 元素



Canvas 元素是 HTML Canvas 標籤的輪廓,由 HTML 程式碼定義,並使用 CSS 進行樣式設定。我們可以使用 JavaScript 程式碼透過上下文物件在畫布內渲染圖形。

Canvas 元素配備了 HTMLCanvasElement 介面,其中包含用於操作佈局以及 Canvas 元素支援的功能的屬性和方法。

下表列出了建立和修改 Canvas 元素的屬性和方法。

屬性

以下是 HTML Canvas 元素的各種屬性:

序號 屬性和描述
1 Canvas

CanvasRenderingContext2D 介面的 canvas 屬性透過使用 CSS 樣式提供畫布輪廓。沒有樣式,即使它已形成,我們也無法在網頁上看到它。

2 寬度 (Width)

此屬性幫助我們設定畫布佈局的寬度。

3 高度 (Height)

此屬性幫助我們設定畫布佈局的高度。

方法

以下是 HTML Canvas 元素類提供的方法列表:

序號 方法和描述
1 getContext()

此方法指的是在 Canvas 元素上繪圖的上下文。我們將上下文型別和屬性作為引數傳遞,這些引數將顯示在 Canvas 上。

廣告
© . All rights reserved.