html5 绘制不规则的图形

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

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

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

首先插入一张不规则的图片，如下图：

当选中这张图片的时候，在箭头方向出现了这种不规则的图标，如下图：

然后用不规则的图标去绘制一个不规则的图案就行了，如果是偏圆弧型，可以在绘制的时候多绘制几个节点。

绘制完成多边形的矩形以后，就可以添加超链接了。

以后演示软件的版本为：Dreamweaver CS6

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

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

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

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

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

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

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

---