<p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> <strong>1. はじめに。 </strong> <br> IE6、7、および 8 は HTML5 をサポートしていますが、実際には、js と css を導入するという非常に一般的な方法が開発に非常に役立ちます。例えば以下はWebページをcanvasとcss3に対応させた例です。 <br> <strong>2. 例。 </strong> <br>以下は、キャンバスに赤いボールを表示する HTML の例です。 <br> </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> Java コード </p> <ol> <li><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ; </li> <li> <HTML> </li> <HEAD> <li> <head> </li> <li> </li> <style type="text/cs s> <li> </li> ボディ { <li> </li> 背景: #444; <li> </li> カラー: #FFF; <li> </li> テキスト整列: <li> </li>} <li> </li> <li> #cv { </li> <li> width : 600ピクセル; 高さ: 400px; </li> <li> 境界線: 20px; </li> <li> 余白: 0 0 40px #222; </li>動作: URL (public/ie-css3.htc); <li> </li> <li> </li> } <li> </li> </style> <li> </li> <li> </li> <script type="text/javascript"> <li> </li>var ctx = document.getElementById("cv").getContext("2d"); <li> </li> <li> ctx.fillStyle = "#aa0000"; </li> <li> ctx.beginPath(); </li> <li> ctx.arc(100 , 100, 25, 0) 、Math.PI*2、true); </li> <li> </li> window.onload = <li> </li> <li> </li>; <li> </li> </head> <li> <body> </li> <li><--[IE の場合]> </li> <li> <script src="public/html5.js" type="text/javascript"< /script> </li> <li> <script type="text/javascript" src="public/excanvas.compiled.js"></script> </li> <li><![endif]--> id="cv"></canvas> </li> <li> </body><br>この例は IE8 では実行できませんが、Firefox では実行できます。 IE6、7、および 8 で実行したい場合は、2 つのことを行う必要があります。 <br> <strong>2.1 は html5 ie 補助 js ファイルと Canvas 互換 js ファイルを追加します</strong> このファイルは html5.js という名前が付けられ、主に 6、7、8 を解決します。 html5に対応したjsの問題。 Canvas 互換ファイルの名前は excanvas.compiled.js で、デモ内のすべてのファイルをパッケージ化しました。ダウンロード可能です。 <br> <br>2.2. CSS ファイルを追加し、ページ上で参照します。 <strong> </strong> CSS ファイルの名前は ie-css3.htc で、ie6、7、8、および css3 の互換性の問題が解決されます。 <br> <br>3.デモをダウンロードします。 <strong> </strong>添付ファイルを参照してください。 <br> <br>4. 実行結果の例 <strong> </strong>下の写真を参照してください。黒いキャンバスに表示される赤い丸です。 <br> <br> <br>5. 概要<strong> </strong> Ie6、7、8 は他の HTML5 テクノロジーと互換性があります。実際、それらはすべて js と css を引用する方法に従うことができます。このようにして、HTML5 がモバイル端末で普及するための最後の障害がクリアされました。 <br> <br> <br> <p class="sycode">Test21.rar (13.6 KB)</p> </li> <li> </li> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> </p> </ol>
