Canvas简述---入门理解（1/3）

来，我们今天聊聊canvas，说到这个canvas，大家是不是感觉都不是很陌生呢，我写的这篇主要是针对入入门选手的朦胧篇。老规矩，我们先了解canvas是个啥玩楞（刚学的）

1、什么是canvas？

canvas通过字面意思是画布的意思，没错就是画布，是HTML5提出的一个方面绘画的工具标签（顿时让我想到一句话：给你一张画板，你想画什么？我反正想画一个长发美女,hhhh）canvas是一个矩形区域，可以支持各中形状，图片，动画的绘制，目前只支持2d绘制，后面会提出3d(估计不错)

2、如何入门canvas？

没关系，有我在呢！canvas是HTML5的标签，那么我们直接在body中引用canvas设置宽高和id，如下

<canvas id="demo" width="600" height="600"></canvas>

接下来我们输出一个canvas是一个什么东东？
我们打印出来的就是一个标签，因为是标签，我们可以在js中设置对应的属性 如：border、background

继续往下走，我们发现直接操作绘制vanvas需要拿到他的上下文，上下文就是一个画笔，canvas就是一个画布，画笔在画布上绘制，完美！

var ctx = canvas.getContext('2d');

一看到主要的内容来了，我们现在控制台输出一下

上面的的画笔的自身属性&