getUsedValue 0.4发布

关于used value的基本解释，请看getUsedValue。

从0.1到0.4，进行了重大改进。包括：

• 取得以各种格式表示的颜色值
• IE下百分比和auto长度的换算
• 取得box-sizing（表示浏览器使用哪种box model），并支持不同box-sizing下的width/height计算

使用方法：导入getUsedValue.js即可。

<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

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

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

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


下一步的计划：

1. 增加测试用例
2. 更详细的文档
3. 标准浏览器下em和%长度的换算
4. 支持rem、vw、vh等长度单位的换算
5. 支持hsl等颜色单位的换算
6. 修正collapse table的长度计算