canvas用于在网页上绘制图形。（通常通过脚本语言javascript）
1.在HTML中创建<canvas id='myCanvas'></canvas>
2.在js中获取canvas canvas= document.getElementById('myCanvas');
3.创建context对象（拥有多种绘制路径.矩形.圆形.字符及添加路径的方法） context = canvas.getContext('2d');
4.接下来就是各种属性和方法
4.1颜色.样式和阴影
属性：fillstyle,strokestyle,shadowstyle,shadowblur,shadowoffsetX,shadowoffsetY
方法：createLinearGradient(),createPatten(),createRadialGradient(),addColorStop()
4.2线条样式
属性：lineCap.lineJoin,lineWidth,lineLimit
方法：rect(),fillRect(),strokeRect(),clearRect()
4.3路径
方法：fill(),stroke(),beginPath(),move To(),closePath(),line To(),clip(),arc()
4.4转换
方法：scale(),rotate(),translate(),transform(),setTransform()
4.5文本
属性：font,textAlign,textBaseline
方法：fillText(),strokeText(),measureText()
4.6图像绘制
drawImage()
