按原来的代码，使用
<img src="someImage.gif" class="reflect rheight60 ropacity50"/>
可以显示高度为原图60%、宽度一致，透明度50%的倒影。
如果想固定倒影的宽与高，最简单的方法是：
对于IE:
将reflection.style.width = reflectionWidth + 'px'这行改成：
reflection.style.width = '155px'
reflection.style.height = '113px'
(后面还有个reflection.style.width = 155去掉吧）
对于Firefox等：
将canvas.style.height = reflectionHeight + 'px'与后面一行改成：
canvas.style.height = '113px'
canvas.style.width = '155px'
另外，前面的var divHeight = Math.floor(p.height * (1 + options['height']))改成：
var divHeight = p.height+113
顺便说一下，
if (navigator.appVersion.indexOf('WebKit') != -1) {
这个判断是为了处理Safari与chrome吧，不过貌似新版本的webkit已经支持fillRect，所以这个判断没必要了，会导致chrome中半透明效果不出来的。
另外，上述修改只是用拉伸的方式改了倒影的高宽，而没有采用截取的方法，如果是要截取（即图形比例不变），则需要改更多的地方。
<html><head>
<title></title>
<style>
body
{
font-size: 19px
font-family: 宋体
}
#aa
{
position: relative
width: 308px
height: 18px
}
</style>
<script language="javascript">
function aab() {
tat = document.getElementById("aa").innerHTML
aaa = ""
ja = ""
for (i = 19, a = 20i <58i++, a--) {
ja += "<div style='overflow:hiddenwidth:308pxheight:1pxposition:absolutetop:" +
i + "pxleft:0pxfilter:alpha(opacity=" + a + ")opacity:" +
(a / 100) + "'><p style='margin:-" + (18 - (i - 18)) +
"px 0px 0px 0px'>" + tat +
"</p></div>"
}
aa.innerHTML += ja
}
</script>
<body onload="aab()">
<div id="aa">
招商加盟热线：400 888888<div>
</body>
</html>
1、孔的基本偏差系列 （基轴制h：es=0）间隙配合：A-H---- 基本偏差为下偏差 EI其中A-G的EI为正，并依次减小。
H的基本偏差EI=0 是基孔制的标志。
过渡配合：JS、J、K、M、N----基本偏差为上偏差ES 。
其中JS的基本偏差为±IT/2，公差带对零线。
对称公布，其它依次减小。
过盈配合：P-Zc----基本偏差为上偏差ES 。
数值为负，并依次减小。
2、基本偏差数值的确定
孔的基本偏差没有直接的计算公式，而是由同名的轴的基本偏差换算而来。换算时遵守以下两个原则：
1.通用规则(倒影关系)：同名配合的配合性质相同。
即：基孔制的配合（如φ30H8/f8）变成同名的基轴制的配合（φ30F8/h8 ）时，其配合性质不变。
2.工艺等价性：在高精度或较高精度的间隙、过渡和过盈配合中，一般取孔比轴低一个级别。
其中：间隙和过渡配合时IT≤8级为高或较高精度，过盈配合时IT ≤ 7级为高精度或较高精度。
回答于 2016-05-13
