vanvas | 易学教程

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>

来源：https://www.cnblogs.com/zhaodz/p/12111365.html

标签

canvas

canvas元素

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!