35-canvas标签基本使用

一、定义

canvas标签是H5新增标签可以用于图案的绘制。

二、样式

canvas标签有自己特定的宽度和高度（300px,150px）

三、canvas js基本使用方式（绘制直线）

<style>
        *{
            margin: 0;
            padding: 0;
        }
        canvas{
            background: red;
        }
    </style>

//获取canvas对象
    let oCanvas=document.querySelector("canvas");、
//获取canvas工具集
    let oCtx=oCanvas.getContext("2d");
//创建一个起点，（xy分别是距离canvas标签的额距离）
    oCtx.moveTo(50,50);
//创建一个终点
    oCtx.lineTo(200,50);
//谅解两个点
    oCtx.stroke();