<p>在web2.0的时代，物联网给我们带来了技术发展和体验进步的乐趣，下一代html5时代将要来临，目前各大浏览器都对下一代标准做出来准确的回应。虽然在兼容性问题上有点出入，但是总体上都在迎接html5标准时代的来临。下面就把html5比较新奇的图形特性介绍一下：在web2.0的时代，网页富应用已经让我们眼花缭乱了，在web2.0时代想要在网页上进行画图交互等都是十分复杂的，虽然实现了功能，但是太复杂很多都是用flash插件完成的，这样不易于优化。在html5设计的里面，想要绘图什么的只要用html5canvas这个标签就好了，不但简单而且还易于优化，重点是不需要加载flash，silverlight等这类插件来帮忙，canvas可以生成各种图形图像，完全不需要任何插件，不仅如此，html5的图形交互性也很不错，通过javascript就可以利用键盘来控制图像，在做网页游戏，界面设计上面有了更多的选择也更加好维护通用了。同样的在劳务派遣系统软件系统的应用中，可以方便的生成图像表格等，完全可以用html5的canvas标签达到交互的目的。下面是canvas的一些方法：getContext(contextId)公开在canvas上绘图需要的API。惟一（当前）可用的contextID是2d。height设置canvas的高度。默认值是150像素。width设置canvas的宽度。默认值是300像素。createLinearGradient(x1,y1,x2,y2)创建一个线性渐变。起始坐标为x1,y1，结束坐标为x2,y2。createRadialGradient(x1,y1,r1,x2,y2,r2)创建一个放射状渐变。圆圈的起始坐标是x1,y1，半径为r1。圆圈的结束坐标为x2,y2，半径为r2。addColorStop(offset,color)向一个渐变添加一个颜色停止。颜色停止（colorstop）是渐变中颜色更改发生的位置。offset必须介于0到1之间。fillStyle设置用于填充一个区域的颜色—例如，fillStyle='rgb(255,0,0)'.strokeStyle设置用于绘制一根直线的颜色—例如，fillStyle='rgb(255,0,0)'.fillRect(x,y,w,h)填充一个定位于x和y，宽度和高度分别为w和h的矩形。strokeRect(x,y,w,h)绘制一个定位于x和y，宽度和高度分别为w和h的矩形的轮廓。moveTo(x,y)将绘图位置移动到坐标x,y。lineTo(x,y)从绘图方法结束的最后位置到x,y绘制一条直线。</p>
