html5矩形绘图

1、若是已存在的图片，根据图片大小，选择一个图片的大小作为标准值:分别右键点击各图型--设置自选图形格式--大小--把锁定纵横比去掉(假如需要保持则不去掉)--高设为统一的值(需要大小完全相同的话，宽也设为统一的值--锁定纵横比去掉的前提下)2、若是新建长方形，可以建好一个，设置好长宽和位置，复制几个一样的出来。3、分别全部设置完。还是在“设置自选图形格式”，把版式改为“浮于文字上方”。这个比较适合移动图形，其他方式也可以试试。4、Word里面要想设置的间距完全相同，有一定难度，但基本相同还是可以的--画一条横线，长短在“设置自选图形格式”里改为你想要的间距，以它为标尺。把线移动到第一个图形的右边缘，再去移第二个图形，以此类推。移动时按住ALT键拖动，可以微调。--若想完全精确，也有办法，在“设置自选图形格式”里面，“版式”--“高级选项”，这里有位置选项，可以设置离边距多远之类的，需要计算一下。基本能达到你的要求了。

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

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

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

---