1.2.1 HTML5 Canvas Line Tutorial

http://www.html5canvastutorials.com/tutorials/html5-canvas-lines/

 moveTo(), lineTo(), strok()함수를 이용해서 선 하나 그릴 수 있다. 
 

context.moveTo(x,y);
context.lineTo(x,y);
context.stroke();

HTML5 Canvas Line Example

아래 링크에서 확인할 수 있다. ( 여기에 삽입이 잘 안됨 ㅠ )
 http://www.html5canvastutorials.com/demos/tutorials/html5_canvas_line_drawing/

indow.onload = function(){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
 
    context.moveTo(100, 150);
    context.lineTo(450, 50);
    context.stroke();
};