HTML5 canvas元素绘制图形(上)

认识canvas元素

    是一块无色透明的区域,它只是一个容器,通过javascript脚本可以轻松的在区域上实现任意绘图。

    

    如果不支持的话就显示标签里的内容。

绘制步骤

绘制直线

绘制一条直线实例:


绘制弧线和曲线

线条连接的样式

绘制矩形和圆

绘制阴影

渐变效果