Canvas基础入门（一）：简单使用

🔺canvas 标签的width和height属性必须要用属性的方式设置

🔺canvas创建的两种方式

使用canvas的基本步骤：
1. 需要一个 canvas 标签
2. 需要获取画笔对象
3. 使用 canvas 提供的api进行绘画

 创建方式一：在html里面创建canvas标签。

📚 使用该方法会无法识别canvas标签！

 创建方式二：js创建标签加入html。

 //1 创建 canvas 标签
 const canvas = document.createElement("canvas");
 canvas.width = 600;
 canvas.height = 400;
 // 2得到 context对象
 document.body.append(canvas);
 const context = canvas.getContext("2d");
 //3.画出自己想要的图形
 //正方形，有专门api,fillRect(x,y,width,height)
 context.fillRect(100, 100, 200, 200);

 演示效果：