<canvas>元素只是创造了一个固定大小的画布，要想在它上面绘制内容，我们需要找到它的渲染上下文
<canvas>元素有一个getContex（）方法，这个方法是用来获取渲染上下文和它的绘画功能
canvas.width获取的是写在标签属性中的宽度值，eg :<canvas width="800" height="600"></canvas>这时我们获取的canvas的宽度值是800px但是如果canvas标签没有设置宽高属性，而是写在css样式表，或者style标签中，canvas.width获取的是canvas的默认宽（canvas默认宽是300px,默认高是150px）
