- 标签
<canvas>
不支持canvas的浏览器会显示这里的内容
</canvas>
- 绘制环境ctx
- getContext('2d')
<canvas id="can" width="400" height="400">不支持canvas的浏览器会显示这里的内容</canvas>
<script>
const canvas = document.getElementById('can')
const ctx = canvas.getContext('2d')
</script>
- 绘制方块
- fillRect(L,T,W,H) 默认颜色是黑色
- strokeRect(L,T,W,H) 带边框的方块
- 设置绘图
- fillStyle 填充颜色(绘制canvas是有顺序的)
- lineWidth 线宽度,是一个数值
- strokeStyle 边线颜色
