读懂三步：找画布、取工具、画图
先观察 JavaScript 怎样控制画布
观察下面三行代码：它们分别找到画布、取得绘图工具，并画出一个矩形。
- const：给一个值取名字，便于后面使用。
- document.querySelector：按选择器找到页面中的元素。
- getContext("2d")：获得二维绘图工具；fillRect：调用绘制矩形的方法。
- 指出哪一行负责“找画布”“取工具”“画图”，并预测改变矩形宽度后的结果。
const canvas = document.querySelector("#poster");
const context = canvas.getContext("2d");
context.fillRect(20, 20, 100, 60);