html5 绘制不规则的图形

html-css05

html5 绘制不规则的图形,第1张

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

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

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

可以采用浮动布局,当有新的数据到来的时候,后面的数据会自动向后移动。如果要保持高度不变,那么久需要宽度不做限制,这样,在横向的空间内就可以无限延展。

你可能会问下面的div怎么保证位置,你可以分层,每个div只在自己的层浮动,这样就不会浮动到其它层,不会移位,当然对于固定的位置,你也可以对他绝对定位,这样其它元素改变位置的时候,它依然可以保持自己的位置。