2011-02-16 119 views
20

我想考出canvas標籤,我開始使用此代碼:IE9支持HTML5 Canvas標籤

<html> 
<canvas id="example" width="200" height="200"> 
    This text is displayed if your browser does not support HTML5 Canvas. 
</canvas> 
</html> 

在IE8中我得到的消息:

This text is displayed if your browser does not support HTML5 Canvas. 

我再安裝IE9但得到相同的錯誤。 IE9是否支持HTML5畫布?

編輯

的問題是,我是缺少DOCTYPE標籤

<!DOCTYPE html> 
+1

是否將IE9配置爲像IE8一樣工作,以便它不會破壞現有網頁? – awm 2011-02-16 12:48:35

+0

感謝您添加編輯,非常有幫助:D – Smithamax 2012-11-15 08:20:22

回答

22

IE9支持畫布。 Here是一個例子。

如果畫布在瀏覽器中不起作用,請按F12(打開開發人員工具),並確保該IE不處於兼容模式。

+0

謝謝。這幫了我很多。兼容模式是我的答案,它解決了我所有的問題:) – user1874941 2013-01-08 16:28:17

3

據我所知HTML 5畫布的支持正在開發IE9,除非它已經在RC ..也許不是最好的網站找到你可以瀏覽到與IE9 html5test,看看它是否支持某些HTML 5標籤或不。作爲一種替代方案,您可以瀏覽caniuse,這也應該提供大量有關瀏覽器HTML5支持的信息。

1

只需要添加一個我一直在使用的腳本excanvas,它允許我在IE8上運行畫布動畫(慢),還沒有在7和6上試過它,但值得一看。

0

如果您安裝Google Chrome瀏覽器框架插件[http://www.google.com/chromeframe][1],它會升級IE6-9以運行webkit呈現引擎 - 以及HTML5/CSS3支持。

12

擴展answer from gor,確保已添加以下元數據。

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 

這將迫使IE使用最新的模式,儘可能與用戶並不需要從開發者工具改變兼容模式。