canvas中的moveTo(x,y)\lineTo(x,y);一直不清楚这两个函数的坐标和方向是怎么表示的，比如下面这个例子：

 function mycanvas()
        {
                var c=document.getElementById("mycanvas");
                var ctxt=c.getContext("2d");
                ctxt.beginPath();
                ctxt.moveTo(10,50);
                ctxt.lineTo(100,50);
                ctxt.lineTo(100,150);
                ctxt.lineTo(10,50);
                ctxt.stroke();
        }
        window.onload=mycanvas;

求指导啊，谢谢～～～～