How do I get the width and height of a HTML5 canvas?

要获得HTML5画布（Canvas）的宽度和高度，您可以通过Canvas元素的属性直接获取。这里有一个简单的例子来说明如何操作：

首先，您需要在HTML文档中有一个<canvas>标签，例如：

html
<canvas id="myCanvas" width="300" height="200"></canvas>

在这个例子中，画布的初始宽度被设置为300像素，高度被设置为200像素。

接下来，您可以在JavaScript中通过获取这个Canvas元素的属性来读取其宽度和高度：

javascript
// 获取canvas元素
var canvas = document.getElementById('myCanvas');

// 获取canvas的宽度
var width = canvas.width;

// 获取canvas的高度
var height = canvas.height;

console.log("Canvas Width: " + width + ", Height: " + height);

这段代码首先通过getElementById函数获取到页面中ID为myCanvas的Canvas元素。然后，通过访问width和height属性，我们可以获取该Canvas的宽度和高度，并通过console.log输出这些信息。

这种方法是直接且高效的，非常适合在需要动态访问或修改Canvas尺寸的场景中使用。例如，在需要根据窗口大小调整Canvas大小的响应式设计中，您可以用类似的方式来动态获取和设置Canvas的尺寸。