🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

浅谈 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,可能说的不对,很多有可能是凑巧,希望给予指点。区别真的很多,希望有关人士能够共享其具体资料。


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步