一、定义
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();