HTML5 canvas画图的图文代码详解

http:///wiki/1118.html" target="_blank">HTML5 canvas画图

HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。
不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。
本手册提供完整的 getContext("2d") 对象属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。

浏览器支持
Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 <canvas> 及其属性和方法。

一.画图

现实生活中，画图需要考虑：

画布

笔

1.线条的粗细；

2.线条的颜色；

3.线条的虚实；

画线

1.起点；

2.终点；

画圆

1.圆点；

2.半径；

3.实心、空心

画矩形

1.矩形的左上起点；

2.矩形的长、宽；

文本

1.字体样式；

2.实心、空心；

添加图片等

二.画图API

根据画图需要，canvas有以下API

canvas主要属性和方法

canvas的API颜色、样式和阴影属性和方法