HTML5Canvas来绘制图形-

一、Canvas标签：

1、HTML5元素用于图形的绘制，通过脚本（通常是Javascript）来完成。

2、标签只是图形容器，必须使用脚本来绘制图形。

3、可以通过多种方法通过Canvas绘制路径、盒、圆、字符以及添加图像。

二、Canvas绘制图形

1、绘制矩形

以上效果图的代码如下：

图形合成

9、给图形绘制阴影

代码如下：

    
    
    
    
    


    您的浏览器不支持canvas

五角星阴影

10、canvas使用图像

语法：ctx.drawImage(imgobj,left,top,width,height)

    
    
    
    
    


    您的浏览器不支持canvas

以上就是HTML5 Canvas来绘制图形的详细内容，更多请关注 第一PHP社区 其它相关文章！