canvas基础--文字和渐变

### 一、绘制文字
###### 1.绘制实心文字
```
//老规矩，获取元素
    var myCanvas = document.getElementById("myCanvas");
var context = myCanvas.getContext("2d");
//开始路径
    context.beginPath();
//设置字体：样式(斜体)、大小(单位是像素，不可缺少)、字体(一定不能少)
context.font = "italic 50px serif";
//文字的颜色
context.fillStyle = "red";
//基线对齐，就是上下对齐
context.textBaseline = "middle";
//水平居中，就是左右对齐
context.textAlign = "center";
//文本设置：参数一，文本内容；参数二、参数三，位于画布的位置(x,y);
context.fillText("hello world",100,100);


``&#