如上图所示，如果不给canvas设置宽高，默认宽是300px，高是150px。同时，canvas默认是透明的
我们可以给它设置宽高，边框，乃至背景颜色。
把稳，这边设置的宽高是画布的属性，和style的是不一样的
canvas的利用
要想利用canvas,必须先渲染高下文，创建context工具，并获取2D运行环境
然后就可以开始画图了
画图之前我们要先理解下是画图是根据什么定位的，答案是坐标，而且这个这边我们平时理解的是高下翻转的，不过到和网页css定位差不多
如果刚开始画图确定坐标不习气的可以自己写个方法转换成正常的（x,canvasHeight-y）
canvas画线这边画线也没什么好讲的，网上都有
这边要把稳的是设置线条属性值一定要在stroke之前，好比你自己拿笔画画，你肯定是先挑选画笔吧，总不能画完了（stroke）之后在挑笔吧...
这边线条还有一个属性比较故意思便是lineCap，设置了线条的格式，有三个值：butt，round,square;看下面就知道效果了
一个是正常的，一个是两端添加圆形线帽，一个是两端添加方形线帽
还可以连续画折现
这时候有个lineJoin属性，可以掌握线段连接处的线条风格，值有bevel，round，miter
当值为miter时，会多一个属性miterLimit（定义最大斜接长度）多数为角度比较小的时候才会有这种情形
看miterLimit = 5时，斜接长度大于5，
只能按照bevel展示，这时候加大miterLimit的值就能规复正常
这个连接的属性还是有用的，有的时候画繁芜的图形，连接的不好会很丑。
canvas画矩形矩形的绘画还是比较大略的
有三种画法
1、一种是用线条构建，利用closePath()闭合折线图形
先画边框再添补颜色
看到没，这边故意思的是线框被占了是不是。
2、第二种相称于分离进化版
3、第三种直接添补画矩形，再画边框，当然你也可以不画
canvas画圆先来一个表达式吧
ctx.arc(x ,y,r,sAngle,eAngle,counterclockwise); 把稳是arc不是src....
x,y 分别圆心的坐标；r为半径；sAngle为起始角；eAngle为结束角；counterclockwise规定逆时针还是顺时针，默认true为顺时针
可以添补颜色
来个例子，画个中国太极
