canvas绘制路径

    <b>canvas绘制路径</b><br/><canvas id="myCanvas" width="300" height="200"  style="border:1px solid #c3c3c3;">  
    Your browser does not support the canvas element.  
    </canvas>  
    <script type="text/javascript">  
        var myCanvas = document.getElementById("myCanvas");  
        if (!myCanvas.getContext)  
        {  
            alert("Your browser does not support the canvas element.");  
        }  
        else 
        {  
            var myContext = myCanvas.getContext("2d");  
            myContext.fillStyle = '#0000ff';  
            myContext.strokeStyle = '#ff0000';  
            myContext.lineWidth = 2;  
            myContext.beginPath();  
            myContext.moveTo(30, 30);  
            myContext.lineTo(150, 30);  
            myContext.lineTo(150, 120);  
            myContext.lineTo(90, 100);  
            myContext.lineTo(120, 60);  
            myContext.lineTo(30, 30);  
            myContext.fill();  
            myContext.stroke();  
            myContext.closePath();  
        } </script>