HTML Canvas的width属性用于设置画布的宽度。它是一个数字,表示画布的宽度,单位是像素(px)。
使用方法
// 创建画布
var canvas = document.createElement('canvas');
// 设置画布宽度
canvas.width = 500;
// 设置画布高度
canvas.height = 500;
上面的代码创建了一个画布,并设置了它的宽度为500像素,高度也是500像素。
width属性可以在画布创建之后,也可以在画布创建之前,设置它的宽度。在画布创建之后,可以使用width属性来改变画布的宽度:
// 获取画布
var canvas = document.getElementById('myCanvas');
// 改变画布宽度
canvas.width = 600;
上面的代码获取了一个已经存在的画布,并将它的宽度改为600像素。
width属性可以用来控制画布的宽度,从而控制画布中的图形的大小。例如,可以使用width属性来控制绘制的圆的大小:
// 获取画布
var canvas = document.getElementById('myCanvas');
// 获取画布上下文
var ctx = canvas.getContext('2d');
// 设置画布宽度
canvas.width = 300;
// 绘制圆
ctx.beginPath();
ctx.arc(150, 150, 100, 0, Math.PI * 2, true);
ctx.fill();
上面的代码设置了画布的宽度为300像素,绘制了一个圆,圆的半径为100像素。
width属性可以用来设置画布的宽度,从而控制画布中的图形的大小。