html5 绘制不规则的图形

1、使用画布的话，你直接在绘制的长方形基础上，在右上角再绘制一个空白的长方形就好了，然后在空白的部分绘制不规则图形；

2、或者，直接绘制一个右上角空白的图形，在空白部分进行你的绘制。

canvas按照坐标进行绘制，你直接确定坐标就给你画好了，网上关于canvas教程很多，自己看下吧。链接：网页链接

HTML5 <canvas>标签用于绘制图像（通过脚本，通常是 JavaScript）。

不过，<canvas>元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。

getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。

本手册提供完整的 getContext("2d") 对象属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。

正如上面所说，你需要制作无数的规则图形组合到一起变成不规则图形。

*** 作可以说是相当复杂。建议你可以用HYPE3实验下，如果你想做HTML5动画的话。

如果你只是想研究，请看：http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html

HTML是一个web的语言，HTML（超文本标记语言），是一种标记语言，用于描述文档的网页。 HTML5是最新版本，主要特点是本地视频播放，离线存储，更多的语义标签的支持。

的CSS全称层叠样式表，可译为“层叠样式表”或“层叠样式表”，用于控制网页的外观。 CSS样式设置以使用页的格式，并且该页面的内容可以是分离的表现形式。页面内容被存储在一个HTML文件和CSS规则用于定义存储在另一个文件或HTML文件，通常在标题部分的一部分的形式。 CSS3是当前版本，主要特点是圆角，阴影，动画等的支持。

值得一提的是，HTML5和CSS3目前IE6,7,8不完全支持，其他如谷歌，火狐等主流版本已经支持。

---