HTMLCanvasElement：width 属性

基线 广泛可用

此功能已得到很好的建立，并且可以在许多设备和浏览器版本中使用。它自以下时间以来在浏览器中可用 2015 年 7 月.

HTMLCanvasElement.width 属性是一个正 integer，反映了 width HTML 属性的 <canvas> 元素以 CSS 像素解释。如果未指定属性或将其设置为无效值（例如负数），则使用默认值 300。

设置 width 属性时，绘图缓冲区始终重置为空白——这对于所有上下文类型都适用，即使将宽度设置为相同的值也是如此。如果您需要恢复以前的内容，可以通过 CanvasRenderingContext2D.getImageData() 保存它，并通过 CanvasRenderingContext2D.putImageData() 恢复它。

这是控制画布大小的两个属性之一，另一个是 HTMLCanvasElement.height。

值

数字。

示例

给定此 <canvas> 元素

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

您可以使用以下代码获取画布的宽度

js
const canvas = document.getElementById("canvas");
console.log(canvas.width); // 300

规范

规范
HTML 标准
# dom-canvas-height

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅