数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究为何在 HTML5 中使用 canvas 标签？
指定画布的高度。HTML <canvas> 标签用于通过脚本绘制图形、动画等。<canvas> 标签在 HTML5 中引入。
我们来看一个带有两个特定属性 width 和 height 以及所有核心 HTML5 属性（例如 id、name 和 class 等）的简单 <canvas> 元素。
<canvas id="myCanvas" width="100" height="100"></canvas>
以下是属性 −
属性 | 值 | 说明 |
height  | 像素 | 指定画布的高度。 |
width  | 像素 | 指定画布的宽度。 |
示例
你可以尝试运行以下代码来了解如何使用画布创建一个矩形。canvas 元素有一个名为 getContext 的 DOM 方法，该方法获取渲染上下文及其绘图函数。此函数获取一个参数，即上下文 2d 的类型。
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas Tag</title>
</head>
<body>
<canvas id = "myCanvas"></canvas>
<script>
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.fillStyle = '#7cce2b';
ctx.fillRect(0,0,300,100);
</script>
</body>
</html>
更新时间：15-6 月-2020
211 人浏览
广告