H5-canvas

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()