vanvas

    <style>
    canvas{
        border: 1px solid #ccc;                 //设置画布的样式
    }
    </style>
</head>
<body>
    <canvas width="600" height="400"></canvas>   //准备画布,设置画布尺寸(canvas的尺寸不在样式中设置)
    <script>
    var myCanvas = document.querySelector('canvas')     //获取画布元素
    var ctx = myCanvas.getContext('2d')                 //绘制工具箱
    ctx.moveTo(100,100)                                 //利用绘图工具绘图
    ctx.lineTo(200,100)
    ctx.stroke()                                        //描边
    </script>
</body>

猜你喜欢

转载自www.cnblogs.com/zhaodz/p/12111365.html