IE8兼容canvas和一些CSS3属性

最新推荐文章于 2022-05-28 14:54:44 发布

Annaluo

最新推荐文章于 2022-05-28 14:54:44 发布

阅读量766

点赞数

分类专栏： JavaScript 文章标签： css3 ie 8 canvas javascript html5

本文链接：https://blog.csdn.net/Annaluo/article/details/78584137

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <HTML  lang="en">
  <HEAD>
      <meta charset="UTF-8">
       <TITLE> IE8支持HTML5+CSS3 </TITLE>
      <!--[if IE]>
      <script src="js/html5.js" type="text/javascript"></script>
      <script type="text/javascript" src="js/excanvas.compiled.js"></script>
      <![endif]-->
     <head>

     <style type="text/css">
     body {
             /*background: #444;*/
             color: #FFF;
             font-family: Helvetica, Arial, sans-serif;
             text-align: center;
         }

     #cv {
                width: 600px; height: 400px;
                background: #000;
                border-radius: 20px;
                padding: 20px;
                margin: 20px auto;
                box-shadow: 0 0 40px #222;
         behavior: url(lib/PIE.htc);
     }
     </style>

     <script type="text/javascript">
     function test() {
         var ctx = document.getElementById("cv").getContext("2d");

           ctx.fillStyle = "#aa0000";
           ctx.beginPath();
           ctx.arc(100, 100, 25, 0, Math.PI*2, true);
           ctx.closePath();
           ctx.fill();
         }

     window.onload = test;
      </script>

     </head>

     <body>
 <canvas id="cv"></canvas>
 </body>