HTML5Canvas

 

    <canvas>标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。

 

    在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。

 

    什么是canvas?

 

    HTML5<canvas>元素用于图形的绘制，通过脚本(通常是JavaScript)来完成.

 

    <canvas>标签只是图形容器，您必须使用脚本来绘制图形。

 

    你可以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。

 

    创建一个画布（Canvas）

 

    一个画布在网页中是一个矩形框，通过<canvas>元素来绘制.

 

    注意:默认情况下<canvas>元素没有边框和内容。

 

    <canvas>简单实例如下:

 

    <canvasid="myCanvas"width="200"height="100"></canvas>

 

    注意:标签通常需要指定一个id属性(脚本中经常引用),width和height属性定义的画布的大小.

 

    提示:你可以在HTML页面中使用多个<canvas>元素.

 

    使用style属性来添加边框:

 

    实例

 

    <canvasid="myCanvas"width="200"height="100"

 

    style="border:1pxsolid#000000;">

 

    </canvas>