HTML5入门1---Canvas画布

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function()
            {
                var obj = document.getElementById("CVS");
                var context = obj.getContext("2d");
                context.lineWidth = 10;
                context.strokeStyle = "aqua";
                context.lineCap = "round";
                context.moveTo(10,10);
                context.lineTo(400,20);
                context.lineTo(200,100);
                context.fillStyle = "blanchedalmond";
                context.fill();
                //context.lineTo(10,10);
                context.closePath();
                context.stroke();                
            }            
        </script>
    </head>
    <body>
        <canvas id="CVS" width="600px" height="400px" style="border:5px dotted blue;">            
        </canvas>
    </body>
</html>

posted on 2015-12-21 22:57 让编程成为一种习惯阅读(313) 评论(0) 收藏举报