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