如何在IE中使用HTML5 canvas元素？

Question

我正在嘗試使用HTML5 canvas元素來繪製一些弧線和圓圈 - 這在FF中完美運行，但IE8似乎不支持它。

現在，存在Javascript庫似乎使IE8與Canvas一起運行良好。 An example can be found here。

我已閱讀他們的完整源代碼，但我無法理解他們如何使Canvas與IE8一起工作。有人可以對使用的方法進行說明嗎？

Answer 1

該頁面正在使用excanvas - 一個使用IE的VML渲染器模擬canvas元素的JS庫。

請注意，在Internet Explorer 9中，the canvas tag is supported natively！有關詳細信息，請參閱MSDN docs ...

Answer 2

您可以使用最新發布的適用於IE的Chrome Frame插件，但它要求HTML 5網站包含啓用該插件的特殊元標記。

http://code.google.com/chrome/chromeframe/

瀏覽器內嵌框架似乎用帆布探索（excanvas.js）。

Answer 3

目前，ExplorerCanvas是模擬IE6,7和8的HTML5畫布的唯一選項。您對它的性能也很正確，這很糟糕。

我發現了一個粒子模擬器，它可以測試Google Chrome，Safari和Firefox中真正的HTML5 canvas處理與IE中的ExplorerCanvas之間的區別。結果顯示，支持canvas標籤的主要瀏覽器的運行速度比使用ExplorerCanvas的IE中的模擬HTML5快20到30倍。

我懷疑任何人都會通過創建替代品的努力，因爲1）excanvas.js是乾淨的編碼，2）當IE9發佈時，所有的主流瀏覽器將最終支持畫布對象。我們希望，我們將在一年

埃裏克內得到IE9 @ www.webkrunk.com

Answer 4

您可以嘗試fxCanvas：https://code.google.com/p/fxcanvas/

它實現了閃存墊片內幾乎所有的畫布API。

Answer 5

我剛剛使用flashcanvas，我得到了那個工作。如果遇到問題，請務必閱讀注意事項和其他事項。特別是，如果你動態地創建畫布元素，你需要明確它們進行初始化：

if (typeof FlashCanvas != "undefined") { 
    FlashCanvas.initElement(canvas); 
} 

Answer 6

如果你需要使用IE8，你可以試試這個JavaScript庫的矢量圖形。這就像同時解決IE8的「畫布」和「SVG」不兼容問題。

Raphaël

我剛剛嘗試在快速例子，它工作正常。我不知道源代碼有多清晰，但我希望它對您有所幫助。正如他們在其網站上所說的，圖書館與非常古老的探險家兼容。

Raphaël目前支持Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+和Internet Explorer 6.0+。