canvas学习一

最近发现canvas可以实现好多酷炫的效果，因为对canvas一知半解，平时好像用到的场景也不多，现在准备系统的学习一下，并且记录在这里。
首先要新建一个canvas元素

<canvas id="myCanvas"></canvas>

let c=document.getElementById("myCanvas");
          let cxt=c.getContext('2d');
          cxt.strokeStyle="#900";//设置画笔的颜色
          cxt.shadowBlur=12;//设置阴影的模糊度
          cxt.shadowColor="#080c07";//设置阴影的颜色
          cxt.shadowOffsetX=10;//设置阴影水平方向的偏移距离
          cxt.shadowOffsetY=10;//设置阴影在垂直方向上的偏移距离
          cxt.moveTo(10,10);//画线的起始位置
          cxt.lineTo(150,50);
          cxt.lineTo(10,50);
          cxt.lineTo(10,10);
          cxt.stroke();

image.png