HTML画布是一个非常强大的工具，可以让我们通过代码创造出各种各样的图形和效果。其中，画直线是最基本的操作之一，下面我们来看一下HTML画布直线代码的实现。

<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();  //开始绘制
ctx.moveTo(10, 10);  //移动到起点
ctx.lineTo(100, 100);  //连接终点
ctx.stroke();  //绘制出图形
</script>

首先，我们需要创建一个画布，上面的代码使用了一个id为“myCanvas”的canvas标签，并且通过JavaScript获取了该标签的上下文，这样我们就可以在该标签中进行绘画操作了。

其次，在绘制直线之前，需要开启一个新的路径，这一步通过ctx.beginPath()实现。

接着，我们需要指定起点和终点，这里使用ctx.moveTo和ctx.lineTo来分别指定直线的起点和终点坐标。

最后，通过ctx.stroke()将绘制出我们所需要的直线形状。

总的来说，HTML画布直线代码非常简单易懂，只需要几行代码就可以画出一个基本的直线图形。当然，还有很多其他更复杂的绘画函数和参数可以使用，有兴趣的读者可以继续深入了解。