如何在 HTML5 中设置画布的高度和宽度？

在 HTML5 中，可以使用 <canvas> 标签来创建画布。为了设置画布的宽度和高度，我们可以使用 canvas 元素的 width 和 height 属性。

下面是一个简单的示例，演示如何设置画布的宽度和高度：

<canvas id="myCanvas" width="500" height="300"></canvas>

在这个示例中，我们创建了一个 id 为 myCanvas 的 canvas 元素，并设置了它的宽度为 500 像素，高度为 300 像素。

如果你想通过 JavaScript 动态设置画布的宽度和高度，可以像这样使用 canvas 元素的 width 和 height 属性：

var canvas = document.getElementById("myCanvas");
canvas.width = 800;
canvas.height = 600;

在这个示例中，我们使用 JavaScript 选择了 id 为 myCanvas 的 canvas 元素，并将它的宽度设置为 800 像素，高度设置为 600 像素。

需要注意的是，通过 JavaScript 动态设置画布的宽度和高度会清除画布上的所有内容，因此我们需要确保在重新绘制之前保存任何重要的信息。

总之，通过简单地设置 canvas 元素的 width 和 height 属性，我们可以轻松地在 HTML5 中设置画布的宽度和高度，让我们的客户端应用程序更加灵活和适应性强。