getContext('2d')
取得绘图上下文
通过它设置颜色、绘制图形知识索引
语法与规则速查
fillRect
填充矩形
背景、色块beginPath
开始新路径
不再沿用前面记录的路径arc
圆弧
角度使用弧度drawImage
绘制图像
图片加载完成后再画fillText
绘制文字
先设置 font画色块用 fillRect，画圆先用 arc 记录路径再填充或描边，放图片用 drawImage，写标题用 fillText。