浅谈 IE8, Chrome, firefox, opera下使用raphael库 中的image

首先 firefox，opera下完全支持，参照http://blog.csdn.net/Vanessa219/archive/2009/04/27/4130250.aspx便可以达到效果。
其 次，由于每个浏览器的 Rendering Engine 不一样，所以对javaScript的支持也就不一样。上一个<a href="http://blog.csdn.net/Vanessa219/archive/2009/04/27/4130250.aspx"& gt;版本</a>在 IE 和chrome中就不能支持。于是前几天想raphael小组提交了说明，并且raphael的网站在IE6中不能正常的现实，其Demo运行也存在一定 的问题。说了那么多不好的，只是建议而已，自己在昨天也把IE 6卸载了，换了一个IE 8。嘻嘻，主要就不用IE，偶用firefox用的非常开心。自己感觉 Raphael库还是很强大的。想要深入是应该好好看下了。
今天raphael 0.7.4低调的发布了，针对 image 做了修改。后来修改了一下，于是乎便可以在 IE8, Chrome, firefox, opera四大主流浏览器中运行了。


现在总结一下：

1.chrome不支持
renrurn function(){}
例如：
loadimg.onload = function(image){
     return function() {// function}(image);
}
要改写为
loadimg.onload = function(image){
     {// function}(image);
}
2.chrome中，全局变量不能在其他子函数中使用，局部变量使用比较明确，不能在除此局部外的函数中使用。
例如：
var image_width = $("#rImg").width()；
在
$("#ok").click(function(){
    if(pic_select=="actual size"){
            loadimg.onload = function(image){
                image.attr( {
                    src: source,
                    width:$("#rImg").width(),  // 使用image_width就没有作用。
                    height:$("#rImg").height()
                } );               
            }(image);
        }
}
                    
3.IE中使用
image.attr( {
                    src: source,
                    width:$("#selectArea").width(),  // 使用image_width就没有作用。
                    height:$("#selectArea").height()
                } );              
所显示的width和height值是正确的
但是在界面上就扭曲了，这个问题等待毕业论文写完后再关注一下。
因为在CSS中，firefox和IE解析是不一样的，不知道是不是因为这个问题。
其中Alt区别参见
http://blog.csdn.net/Vanessa219/archive/2008/03/14/2181013.aspx
其余详细信息。。。。
。。。参见
。。。。。。(以后陆续公布，明天要交论文了。。。。)


有关上个版本的实现参见
http://blog.csdn.net/Vanessa219/archive/2009/04/27/4130250.aspx（只能在firefox和opera中运行）
能在firefox，chrome，IE， opera中运行的实现参见
http://blog.csdn.net/Vanessa219/archive/2009/04/30/4140449.aspx


PS：1.登录和登出对使用多浏览器的用户比较麻烦，每次新开启一种浏览时需要进行登录，想问下这个要怎么解决。
除此之外还有很多类似的问题，回退，保存，同步等等。。。突然想起小时候学英语的时候总是责怪前人不能把世界统一。
    2.chrome和firefox一样对QQ空间不能很好的支持。
3.IE中默认会弹出是否阻止该脚本提示，这样会让用户惊慌，具有相当不好的用户体验。
4.IE中连接弹出新页面时，不是弹在同一个窗口中，成为该窗口上的一个新标签页，而是重新弹出窗口，用起来很麻烦。
5.IE blogger登录界面label都挤到一起了。难看。
6.说了那么多IE8的不是，但是其中“开发人员工具”很不错。值得一提，尤其对javaScript的调试很方便。
7.chrome中jpg图片不安原始尺寸显示时，图像质量较IE和firefox低。
8.初学javaScript，可能说的不对，很多有可能是凑巧，希望给予指点。区别真的很多，希望有关人士能够共享其具体资料。