创建canvas画布，并获取画笔

创建canvas画布，并获取画笔

1.html
<canvas id= "c1"  width="100"  height="100"></canvas>

2.css

canvas{
    border:1px solid #000;
}

3.js
      var canvas = document.getElementById('c1');  //获取画布id为c1的元素
      var gd = canvas.getContext ('2d'); //二维平面图
      gd.fillStyle = 'red'; //填充画布颜色
      gd.fillRect(20,50,20,20);   //填充矩形左上宽高

4.效果