HTML的canvas元素是一個繪圖環境，可以在其中進行各種繪制操作，包括繪制直線、曲線、圖形等等。本文將演示如何使用canvas繪制一個簡單的線條小人。

var canvas=document.getElementById("myCanvas");
var ctx=canvas.getContext("2d");
ctx.lineWidth=5;
ctx.strokeStyle="#000000";
//繪制頭部
ctx.beginPath();
ctx.arc(100,50,25,0,2*Math.PI);
ctx.stroke();
//繪制身體
ctx.beginPath();
ctx.moveTo(100,75);
ctx.lineTo(100,150);
ctx.stroke();
//繪制左腿
ctx.beginPath();
ctx.moveTo(100,150);
ctx.lineTo(75,200);
ctx.stroke();
//繪制右腿
ctx.beginPath();
ctx.moveTo(100,150);
ctx.lineTo(125,200);
ctx.stroke();
//繪制左手臂
ctx.beginPath();
ctx.moveTo(100,100);
ctx.lineTo(75,125);
ctx.stroke();
//繪制右手臂
ctx.beginPath();
ctx.moveTo(100,100);
ctx.lineTo(125,125);
ctx.stroke();

以上代碼中，首先獲取了一個id為myCanvas的canvas元素，然后使用getContext方法獲取繪制上下文，接著設置線的寬度和顏色。接下來分別繪制頭部、身體、左右腿和左右手臂的線條，最終形成了一個簡單的線條小人。

canvas繪制是比較靈活的，可以根據個人喜好進行多種繪制操作，如繪制文字、圖片等等。想要學習更多canvas的相關知識，可以參考MDN的官方文檔。