2012-12-29 48 views
2

我使用Raphael 2.1同時繪製15行。每條線由50個2像素路徑組成。在Safari和Chrome中性能最好,FF性能良好,Opera性能較差,IE9性能較差。微軟表示,SVG將運行在IE9中,但Raphael.svg在IE9中返回false。Chrome Frame是否是真正改善IE中Raphael性能的唯一選擇?

我一直在閱讀與拉斐爾和IE瀏覽器相關的帖子,我唯一看到的用於改進拉斐爾在IE9中的性能的解決方案是安裝Chrome Frame。

有沒有人遇到過其他解決方案?

回答

1

Raphael在IE9中使用svg,並以合理的性能工作。你必須小心IE沒有被強制進入IE8標準模式(這經常發生)。如果IE9回落到IE8標準,那麼它最終會使用VML,這非常慢,而且在IE8或更低版本中,通常沒有SVG的替代方案。

當使用IE8面對這個問題時,我最終使用div和css來實現線條,矩形和文本的渲染。既然這就是我所要求的,即使在IE8中它也非常快,通過緩衝容器內的div來提供幫助。如果你的問題很簡單,你可能希望考慮一個純粹的DOM解決方案。請參閱:https://github.com/Matt-Esch/simpleCanvas.js獲取靈感。

+0

你說得對,IE9被迫進入IE8標準模式。我花了很長時間才弄清楚爲什麼會這樣。事實證明,我只是有一個錯位標記,並且該錯誤阻止了我的DOCTYPE聲明。 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/936990/">fuey</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相關問題</div> <ul class="relative_list"> <li> 1. <a href="http://hk.uwenku.com/question/p-nqoikbgq-cv.html" target="_blank" title="是否可以在IE ActiveX控件中調用Chrome Frame"> 是否可以在IE ActiveX控件中調用Chrome Frame </a> </li> <li> 2. <a href="http://hk.uwenku.com/question/p-mgsmhkir-pb.html" target="_blank" title="是否有可能改善功能容器的漸近性?"> 是否有可能改善功能容器的漸近性? </a> </li> <li> 3. <a href="http://hk.uwenku.com/question/p-ymuobqeq-um.html" target="_blank" title="壓縮的圖像是否改善了畫布的性能"> 壓縮的圖像是否改善了畫布的性能 </a> </li> <li> 4. <a href="http://hk.uwenku.com/question/p-dwwdutto-bdh.html" target="_blank" title="Google Chrome Frame的性能/技術問題? (對於IE 8,下)"> Google Chrome Frame的性能/技術問題? (對於IE 8,下) </a> </li> <li> 5. <a href="http://hk.uwenku.com/question/p-rbwfjxce-ca.html" target="_blank" title="是否有可能爲特定的JVM實例獲取真正唯一的ID?"> 是否有可能爲特定的JVM實例獲取真正唯一的ID? </a> </li> <li> 6. <a href="http://hk.uwenku.com/question/p-shssmegq-sy.html" target="_blank" title="是否在整個窗口中是唯一的chrome tabId"> 是否在整個窗口中是唯一的chrome tabId </a> </li> <li> 7. <a href="http://hk.uwenku.com/question/p-xhfygdet-bhb.html" target="_blank" title="IE9是否支持console.log,它是一個真正的功能?"> IE9是否支持console.log,它是一個真正的功能? </a> </li> <li> 8. <a href="http://hk.uwenku.com/question/p-nqgbiyfr-tq.html" target="_blank" title="改善ofstream的性能?"> 改善ofstream的性能? </a> </li> <li> 9. <a href="http://hk.uwenku.com/question/p-febazsgq-bce.html" target="_blank" title="改善drawRect的性能:"> 改善drawRect的性能: </a> </li> <li> 10. <a href="http://hk.uwenku.com/question/p-fgbskadk-xc.html" target="_blank" title="改善視圖的性能"> 改善視圖的性能 </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://hk.uwenku.com/question/p-beiffdfs-bdq.html" target="_blank" title="改善XmlSerializer的性能"> 改善XmlSerializer的性能 </a> </li> <li> 12. <a href="http://hk.uwenku.com/question/p-vsmfjfwf-bhd.html" target="_blank" title="改善JPA性能雙向映射「n + 1選擇」"> 改善JPA性能雙向映射「n + 1選擇」 </a> </li> <li> 13. <a href="http://hk.uwenku.com/question/p-qmsdlmeh-bcw.html" target="_blank" title="唯一真正的限制是不是行之有效"> 唯一真正的限制是不是行之有效 </a> </li> <li> 14. <a href="http://hk.uwenku.com/question/p-ohiijthv-sp.html" target="_blank" title="Android中的Slider控件... SeekBar真的是我最好的/唯一的選擇嗎?"> Android中的Slider控件... SeekBar真的是我最好的/唯一的選擇嗎? </a> </li> <li> 15. <a href="http://hk.uwenku.com/question/p-wxdeoeal-pd.html" target="_blank" title="JSLint是否改善您的Javascript編碼?"> JSLint是否改善您的Javascript編碼? </a> </li> <li> 16. <a href="http://hk.uwenku.com/question/p-tsubyoih-xh.html" target="_blank" title="是否有可能綁定選擇選項上選擇而不是更改"> 是否有可能綁定選擇選項上選擇而不是更改 </a> </li> <li> 17. <a href="http://hk.uwenku.com/question/p-nkxnozox-bkz.html" target="_blank" title="HTML:在選擇中,是否要求每個選項的值屬性都是唯一的?"> HTML:在選擇中,是否要求每個選項的值屬性都是唯一的? </a> </li> <li> 18. <a href="http://hk.uwenku.com/question/p-ghvyzqnr-bnh.html" target="_blank" title="Eval是我唯一的選擇嗎?"> Eval是我唯一的選擇嗎? </a> </li> <li> 19. <a href="http://hk.uwenku.com/question/p-vqmkjcmk-pm.html" target="_blank" title="Scala:是唯一的選擇嗎?"> Scala:是唯一的選擇嗎? </a> </li> <li> 20. <a href="http://hk.uwenku.com/question/p-ktqtjbjb-bmx.html" target="_blank" title="Iframe是我唯一的選擇嗎?"> Iframe是我唯一的選擇嗎? </a> </li> <li> 21. <a href="http://hk.uwenku.com/question/p-mamoymyi-te.html" target="_blank" title="MySql的選擇where列值是唯一"> MySql的選擇where列值是唯一 </a> </li> <li> 22. <a href="http://hk.uwenku.com/question/p-dguvzczm-bga.html" target="_blank" title="改善選擇不在"> 改善選擇不在 </a> </li> <li> 23. <a href="http://hk.uwenku.com/question/p-yjfsrmty-bbb.html" target="_blank" title="Redis:單獨的數據庫是否改善了KEYS和SORT的性能"> Redis:單獨的數據庫是否改善了KEYS和SORT的性能 </a> </li> <li> 24. <a href="http://hk.uwenku.com/question/p-mbccjltk-kg.html" target="_blank" title="改善UIWebview加載性能"> 改善UIWebview加載性能 </a> </li> <li> 25. <a href="http://hk.uwenku.com/question/p-qbgtuufo-bcc.html" target="_blank" title="改善StringTemplate 4性能"> 改善StringTemplate 4性能 </a> </li> <li> 26. <a href="http://hk.uwenku.com/question/p-fwnfghps-bdc.html" target="_blank" title="改善佈局性能"> 改善佈局性能 </a> </li> <li> 27. <a href="http://hk.uwenku.com/question/p-ncrpdjnj-ue.html" target="_blank" title="改善性能postgresql查詢"> 改善性能postgresql查詢 </a> </li> <li> 28. <a href="http://hk.uwenku.com/question/p-ydxakivz-bmm.html" target="_blank" title="改善視圖性能"> 改善視圖性能 </a> </li> <li> 29. <a href="http://hk.uwenku.com/question/p-mbzubxfy-bdr.html" target="_blank" title="改善套接字性能"> 改善套接字性能 </a> </li> <li> 30. <a href="http://hk.uwenku.com/question/p-ttjyavqc-zr.html" target="_blank" title="改善telerik Radgridview Scroller性能"> 改善telerik Radgridview Scroller性能 </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048261"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新問題 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-bunfgcwj-uo.html" target="_blank" title="Python:從每個打開的Google Chrome標籤獲取所有Url"> Python:從每個打開的Google Chrome標籤獲取所有Url </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-umizetvh-tw.html" target="_blank" title="當它們在循環ng-bootstrap中時關閉datepicker"> 當它們在循環ng-bootstrap中時關閉datepicker </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-txdnyrmw-ue.html" target="_blank" title="如何呈現多次相同的組件和所有實例具有相同的狀態"> 如何呈現多次相同的組件和所有實例具有相同的狀態 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-pvxpsmkq-vq.html" target="_blank" title="pytesseract結果與tesseract命令行結果不同"> pytesseract結果與tesseract命令行結果不同 </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-uvaagzxv-va.html" target="_blank" title="測試時抑制記錄器"> 測試時抑制記錄器 </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-biwzksxc-ss.html" target="_blank" title="如何平均一組圖像並使用MATLAB將平均圖像保存爲平均圖像"> 如何平均一組圖像並使用MATLAB將平均圖像保存爲平均圖像 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-zhdytuai-tb.html" target="_blank" title="ListView適配器不工作(Quickblox聊天應用程序)"> ListView適配器不工作(Quickblox聊天應用程序) </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-bdtzveno-tn.html" target="_blank" title="如何使用VBA從特定的Excel單元格迭代到此列中具有值的最新行?"> 如何使用VBA從特定的Excel單元格迭代到此列中具有值的最新行? </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-ssyneghi-qh.html" target="_blank" title="IOS調整滾動視圖通過containerview裏面"> IOS調整滾動視圖通過containerview裏面 </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-oukhnytl-qt.html" target="_blank" title="如何在平行版中調試Windows UWP應用程序?"> 如何在平行版中調試Windows UWP應用程序? </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相關問題</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-nqoikbgq-cv.html" target="_blank" title="是否可以在IE ActiveX控件中調用Chrome Frame"> 是否可以在IE ActiveX控件中調用Chrome Frame </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-mgsmhkir-pb.html" target="_blank" title="是否有可能改善功能容器的漸近性?"> 是否有可能改善功能容器的漸近性? </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-ymuobqeq-um.html" target="_blank" title="壓縮的圖像是否改善了畫布的性能"> 壓縮的圖像是否改善了畫布的性能 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-dwwdutto-bdh.html" target="_blank" title="Google Chrome Frame的性能/技術問題? (對於IE 8,下)"> Google Chrome Frame的性能/技術問題? (對於IE 8,下) </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-rbwfjxce-ca.html" target="_blank" title="是否有可能爲特定的JVM實例獲取真正唯一的ID?"> 是否有可能爲特定的JVM實例獲取真正唯一的ID? </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-shssmegq-sy.html" target="_blank" title="是否在整個窗口中是唯一的chrome tabId"> 是否在整個窗口中是唯一的chrome tabId </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-xhfygdet-bhb.html" target="_blank" title="IE9是否支持console.log,它是一個真正的功能?"> IE9是否支持console.log,它是一個真正的功能? </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-nqgbiyfr-tq.html" target="_blank" title="改善ofstream的性能?"> 改善ofstream的性能? </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-febazsgq-bce.html" target="_blank" title="改善drawRect的性能:"> 改善drawRect的性能: </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-fgbskadk-xc.html" target="_blank" title="改善視圖的性能"> 改善視圖的性能 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://hk.uwenku.com/contact">聯系我們</a></li> <li>© 2020 HK.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>