首页 相关文章 html5-Canvas可以在web中绘制各种图形

html5-Canvas可以在web中绘制各种图形

在html5中我觉得最重要的就是引入了Canvas,使得我们可以在web中绘制各种图形。给人感觉单在这点上有点模糊我们web和桌面程序的感觉。在html5外web中也有基于xml的绘图如:VML、SVG。而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点,我们必须以js操作绘图。
如下
canvas id="myCanvas" width="600" height="300"你的浏览器还不支持哦/canvas定义。
我们可以获取canvas对象为var c=document.getElementById("myCanvas");其应有js属性方法如下列举:
1:绘制渲染对象,c.getContext("2d"),获取2d绘图对象,无论我们调用多少次获取的对象都将是相同的对象。
2:绘制方法
clecrRect(left,top,width,height)清除制定矩形区域,
fillRect(left,top,width,height)绘制矩形,并以fillStyle填充。 <...[ 查看全文 ]

2016-02-19 标签:

html5-Canvas可以在web中绘制各种图形的相关文章

手机页面
收藏网站 回到头部