HTML canvas一些你可能忽视的自带属性

首先canvas的一些使用方法可以参考

http://www.w3school.com.cn/tags/html_ref_canvas.asp，期中总结相当棒

我这里主要讲述的是一些基本特性

1、在网页上使用canvas元素时，它会创建一块矩形区域。默认情况下该矩形区域宽300像素，高150像素，但也可以自定义具体的大小。

<canvas id="myCanvas" style="background: red;"></canvas>

<canvas id="myCanvas"  width="200" height="100" style="background: red;"></canvas>	

2、canvas是行内块元素（不要认为画布就是一个块元素）

<canvas id="myCanvas"  width="200" height="100" style="background: red;"></canvas>	
<canvas id="myCanvas"  width="200" height="100" style="background: green;"></canvas>	

3、canvas的样式设定

canvas的样式可以通过css来设定，可以为canvas增加边框，设置内边距、外边距等，而且一些CSS属性还可以被canvas内的元素继承。比如字体样式，在canvas内添加的文字，其样式默认同canvas元素本身是一样的。