为什么在 HTML5 中使用 canvas 标签?
htmlweb developmentfront end technology
指定画布的高度。HTML <canvas> 标签用于通过脚本绘制图形、动画等。<canvas> 标签是在 HTML5 中引入的。
让我们看一个简单的 <canvas> 元素，它包含两个特定的属性 width 和 height，以及所有核心 HTML5 属性，例如 id、name 和 class 等。
<canvas id="myCanvas" width="100" height="100"></canvas>
以下是属性 −
属性 | Value | Description |
height  | pixels | 指定画布的高度。 |
width  | pixels | 指定画布的宽度。 |
示例
您可以尝试运行以下代码，了解如何使用画布创建矩形。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>
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
