Canvas API（画布）简介

Canvas

Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。

一、使用画布必需要写的

（1）获取画布：let canvas = document.querySelector("canvas");
（2）规定绘图方法：let ctx = canvas.getContext('2d');

二、基本图形绘制

注意：

（1）canvas画布默认宽高为300*150，不可在css中修改，可直接在canvas标签中添加width，height属性设置画布宽高
（2）清除画布的使用：ctx.clearRect(0,0,window.innerWidth,window.innerHeight)
（3）绘制弧线时角度用Π来表示