带你学习H5画布控件的应用

带你学习H5画布控件的应用1、定义画布标签2、获得画布的DOM对象var canvas=document.getElementById('myCanvas');3、获得画布的2D渲染对象(目前不支持3维)CanvasRenderingContext2D ctx2d = canvas.getContext('2d');该对象提供了一组用来在画布上绘制的图形函数。可用的函数非常丰富，它们可以分为以下几类：绘制矩形（strokeRect() 和 fillRect()、 clearRect() ）、绘制图像（ drawImage()
方法）；创建和渲染路径（ stroke() 绘制其边框，使用 fill() 来绘制其内容）；颜色、渐变和模式（CanvasGradient 或 CanvasPattern、 createLinearGradient() 或 createRadialGradient()、 createPattern()）；线条宽度、线帽和线条连接（ lineCap 属性、 lineJoin 属性）；坐标空间和转换（ translate()、scale() 和 rotate() 方法）；组合、阴影（shadowOffsetX
和 shadowOffsetY 属性）；保存图形状态（save() 和 restore() 方法）