Question

我正在使用HTML5的画布和Javascript开发一款小游戏。它在Chrome上运行良好，但在Firefox和IE9 / IE10中都不起作用。

下面是我的HTML代码，我已经包含了标记和X-UA-Compatibility标记，即使删除/更改位置没有做任何事情。在向脚本发出警报时，它会被加载，但它不会在我的画布上绘制任何内容。

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />s
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title>Game</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<link href="style.css" type="text/css" rel="stylesheet" />
  </head>
  <body>    


<img src="images/lovebg1.jpg" alt="background" id="bg" />
<div id="back"> 
 <canvas id="canvas"> 
  <p>Your browser doesn't support Canvas</p>
</canvas></div>
<div id="header"></div>

<div id="content">
<div id="biigheart"></div>

</div>

<script type="text/javascript" src="game.js"></script>  
    </body>
     </html>

Canvas仅适用于Chrome浏览器

0 个答案: