HTML画布是一个能够让网页上绘制图形的标签，常常被应用在一些交互性比较强的网页上。而今天我们所要谈论的话题，则是使用HTML画布来绘制一个小火柴人的代码。 首先我们需要知道的是，HTML画布是不支持直接绘制图形的。我们需要借助于JavaScript来实现这个功能。代码如下：

<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
//绘制头部
context.beginPath();
context.arc(100, 50, 20, 0, Math.PI * 2);
context.stroke();
//绘制身体
context.beginPath();
context.moveTo(100, 70);
context.lineTo(100, 120);
context.stroke();
//绘制左腿
context.beginPath();
context.moveTo(100, 120);
context.lineTo(80, 150);
context.stroke();
//绘制右腿
context.beginPath();
context.moveTo(100, 120);
context.lineTo(120, 150);
context.stroke();
//绘制左手
context.beginPath();
context.moveTo(100, 80);
context.lineTo(80, 100);
context.stroke();
//绘制右手
context.beginPath();
context.moveTo(100, 80);
context.lineTo(120, 100);
context.stroke();
</script>

在上面的代码中，我们使用了canvas.getContext("2d")来获取了一个canvas的上下文对象，方便我们进行绘制。接着，我们就可以通过一系列的context.beginPath()和context.lineTo()方法来实现火柴人的绘制。其中，context.arc()方法是用来绘制圆形的。这些绘制方法和参数的用法，可以参考一下MDN上的官方文档，这里就不多加赘述了。 最终，我们就可以获得一个非常简单的、不过还算是合格的小火柴人了。如果有对HTML画布有一定了解的朋友，可以自行进行修改和扩展，让这个小火柴人更加生动有趣。