【Canvas】再识Canvas--绘制表格

https://www.bilibili.com/video/BV1ss411V7s1?p=3

昨天学了canvas元素的创建、获取及canvas上下文、画线操作、描边操作、闭合路径操作，今天学习一下Canvas设置描边样式还有填充样式。

先看一下代码：

<canvas id="demo"></canvas>
	<script type="text/javascript">
		//通过id获取页面中的canvas元素
		var canvas = document.getElementById("demo");
		
		canvas.style.border = "1px solid red";	//设置canvas的边框（就像div的边框）
		canvas.width = 600;	//设置canvas的宽度，不要加px
		canvas.height = 600;	//设置canvas的高度
		//canvas.style.width = 600px;  //不要使用这一种方法来设置canvas的宽高
		//获取canvas上下文
		var context = canvas.getContext("2d");
		//开始绘制
		context.moveTo(