- HTML Canvas 教程
- HTML Canvas - 首頁
- HTML Canvas - 簡介
- 環境設定
- HTML Canvas - 第一個應用
- HTML Canvas - 繪製二維形狀
- HTML Canvas - 路徑元素
- 使用路徑元素繪製二維形狀
- HTML Canvas - 顏色
- HTML Canvas - 新增樣式
- HTML Canvas - 新增文字
- HTML Canvas - 新增影像
- HTML Canvas - 畫布時鐘
- HTML Canvas - 變換
- 合成和裁剪
- HTML Canvas - 基本動畫
- 高階動畫
- HTML Canvas API 函式
- HTML Canvas - 元素
- HTML Canvas - 矩形
- HTML Canvas - 直線
- HTML Canvas - 路徑
- HTML Canvas - 文字
- HTML Canvas - 顏色和樣式
- HTML Canvas - 影像
- HTML Canvas - 陰影和變換
- HTML Canvas 有用資源
- HTML Canvas - 快速指南
- HTML Canvas - 有用資源
- HTML Canvas - 討論
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 上。 |
廣告