html画小房子用context属性那种

您可以使用`<canvas>`元素和JavaScript中的`context`属性来画小房子。以下是一个简单的示例代码：

HTML代码：

<canvas id="myCanvas" width="400" height="400"></canvas>

JavaScript代码：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// 绘制房子的墙壁
ctx.fillStyle = "#c1c1c1";
ctx.fillRect(100, 100, 200, 200);

// 绘制房子的屋顶
ctx.beginPath();
ctx.moveTo(100, 100);
ctx.lineTo(200, 50);
ctx.lineTo(300, 100);
ctx.closePath();
ctx.fillStyle = "#f7b500";
ctx.fill();

// 绘制窗户
ctx.fillStyle = "#fff";
ctx.fillRect(120, 180, 60, 60);
ctx.fillRect(220, 180, 60, 60);

// 绘制门
ctx.fillStyle = "#732e1e";
ctx.fillRect(180, 250, 40, 50);

这段代码将在画布上绘制一个小房子，包括房子的墙壁、屋顶、窗户和门。