canvas元素用于绘制图形。

canvas元素是HTML5中新增的一个重要元素，元素本身是没有绘图能力，所有的绘制工作必须在javascript内部完成。

 

案例1：

       
                 
    
     您的浏览器不支持
      

效果图： 注释： （1）getContext("2d")对象是内建的HTML5对象，可以绘制多种图形，如路径、矩形、圆等； （2）绘制图形时有两种方式——填充（fill）与绘制边框（stroke）;         例：cxt.fillRect(x,y,width,height);                cxt.strokeRect(x,y,width,height); （3）fillStyle--填充样式，如颜色值；          strokeStyle--图形边框样式，如颜色值； （4）lineWidth指定线宽；