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 上。

广告