canvas下炫酷烟雾线条笔刷效果–基于harmony

偶然间发现的一个很好玩的小东西,harmony英文意思为和谐,和睦,融洽。在这里我不知道该怎么称呼此js应用。但是我不得不赞叹这个强大的应用。
此应用采用的是html5的canvas标签,查看效果请采用能兼容html5的浏览器。ie6神马的就不要考虑了,来看w3school关于canvas的说明:

HTML5 的canvas元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

继续阅读canvas下炫酷烟雾线条笔刷效果–基于harmony

css绝对定位absolute总结

先看两个概念:
Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。

Relative,CSS中的写法是:position:relative; 他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。
继续阅读css绝对定位absolute总结