IE8及以下IE瀏覽器支援canvas效果

來源:互聯網
上載者:User

下載檔案:html5.js和excanvas.js。


在頁面的head標籤中添加以下代碼:

<!-[if lt IE9]>     <script src="js/html5.js" type="text/javascript"></script><![endif]->

這個是為了讓IE8及以下IE瀏覽器認識h5新增的標籤。

在頁面的body標籤下面添加以下代碼:

<body>    ...</body><!-[if lt IE9]>     <script src="js/excanvas.js" type="text/javascript"></script><![endif]->

 把這個js指令碼添加到最下面,是防止頁面未載入完成頁面就開始執行指令碼。我剛開始把這個excanvas.js指令碼放到head標籤裡引用,結果一直報 insertAdjacentHTML提示"用於此操作的原始HTML無效"的錯誤 。 

<body>        <canvas id="canvas1">瀏覽器不支援canvas</canvas></body>
然後就可以隨便玩兒了,我試著畫了幾個簡單圖形都沒問題,使用fillText之類的方法也沒錯誤。

當然還有一個特性,那就是讓IE8支援css3的樣式,首先是去http://css3pie.com網站下載最新版的pie。

然後添加以下樣式:

#canvas1 {     background: #333;border-radius: 15px;behavior: url(pie/PIE.htc); }

其中border-radius貌似是css3添加的樣式屬性,下面的behavior指定pie.htc的位置就可以了。



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.