创建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.效果