Canvas

moveTo(x,y):不绘制，只是将当前位置移动到新的目标坐标(x,y).

lineTo(x,y):不仅将当前位置移动到新的目标坐标(x,y)，而且在两个坐标之间画一条直线

moveTo像是提起画笔移到新位置，而lineTo用画笔从旧坐标画一条直线到新坐标。

 

 

判断Canvas是否支持

    try
    {
        document.createElement("canvas").getContext("2d");
        document.getElementById("support").innerHTML="支持HTML5 Canvas";
    }
    catch(e)
    {
        document.getElementById("support").innerHTML="不支持HTML5 Canvas";
    }

Canvas对角线

<script type="text/javascript">
function drawDiagonal(){
    var camvas = document.getElementById("diagonal");
    var cotent = camvas.getContext("2d");
    cotent.beginPath();
    cotent.moveTo(70,140);
    cotent.lineTo(140,70);
    cotent.stroke();
    }
    window.addEventListener("load",drawDiagonal,true);
</script>