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属性可以用来设置画布的宽度,从而控制画布中的图形的大小。