getUsedValue 0.4发布

关于used value的基本解释，请看[url=http://hax.iteye.com/blog/361999]getUsedValue[/url]。

从0.1到0.4，进行了重大改进。包括：
[list]
[*] 取得以各种格式表示的颜色值
[*] IE下百分比和auto长度的换算
[*] 取得box-sizing（表示浏览器使用哪种box model），并支持不同box-sizing下的width/height计算
[/list]

使用方法：导入[url=http://pie.googlecode.com/svn/trunk/src/util/getUsedValue.js]getUsedValue.js[/url]即可。

<script src="http://pie.googlecode.com/svn/trunk/src/util/getUsedValue.js"></script>

API简介：

getUsedValue(element, cssProperty)

返回element指定css属性的“取值”（used value）。返回值为字符串。cssProperty可以是css属性名（如“background-color”），也可以是css属性对应的dom属性名（如“backgroundColor”）。

getUsedValue(element, cssLengthProperty, lengthUnit)

返回element上指定css长度属性（如width、height、left、top、margin-left、padding-top、font-size等）以指定的长度单位换算得到的数值。返回值为数字。

支持的长度单位包括px和所有绝对长度（pt、cm等）。

getUsedValue(element, cssColorProperty, colorFormat)

返回element上指定css颜色属性以指定的颜色格式换算得到的颜色值。返回值为字符串。"rgbcolor"返回的字符串对象上还附有red、green、blue、alpha属性，其中red、green、blue为0到255之间的整数，alpha为0到1之间的浮点数。

颜色格式和对应的返回值为：

colorFormat  不透明（alpha=1）      半透明度（0<alpha<1）      透明（alpha=0）
'rgb'        rgb(r, g, b)                         rgba(r, g, b, a) 
'rgba'                                rgba(r, g, b, a) 
'#'          #rrggbb                #aarrggbb                  transparent
'rgbcolor'   #rrggbb                              rgba(r, g, b, a)
默认         #rrggbb                  rgba(r, g, b, a)         transparent

获取颜色值的示例：[url]http://pie.googlecode.com/svn/trunk/src/util/samples/color.html[/url]

获取长度的示例：[url]http://pie.googlecode.com/svn/trunk/src/util/samples/width.html[/url]

代码地址：[url]http://pie.googlecode.com/svn/trunk/src/util/getUsedValue.js[/url]


下一步的计划：

[list=1]
[*] 增加测试用例
[*] 更详细的文档
[*] 标准浏览器下em和%长度的换算
[*] 支持rem、vw、vh等长度单位的换算
[*] 支持hsl等颜色单位的换算
[*] 修正collapse table的长度计算
[/list]