如何使用 HTML 指定画布的宽度和高度？

在HTML中，可以使用<canvas>元素来创建绘制区域，因此可以通过设置width和height属性来指定画布的宽度和高度。

示例代码

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

在上述示例代码中，<canvas>元素具有id属性，可以在JavaScript中使用该ID来获取绘图上下文并进行绘制。width和height属性分别设置画布的宽度和高度，以像素为单位。

JavaScript示例代码

// 获取绘图上下文
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// 绘制矩形
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);

在上述示例代码中，使用document.getElementById获取<canvas>元素的引用，然后使用getContext方法获取绘图上下文。最后，使用fillRect方法绘制一个矩形。

结论

使用width和height属性可以轻松地指定画布的尺寸，并且可以在JavaScript中进行绘图操作。记得在使用<canvas>元素时，要确保浏览器支持HTML5标准。