Question

我的画布不会在我的浏览器中显示。我猜测的原因是因为一些新手jquery错误。以下代码分为两个单独的文件夹：Game.html和game.js

Game.html：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

    <canvas id="gameCanvas"> 


    </canvas>
        <script src="Scripts/jquery-2.0.3.js" type="text/javascript"> </script> 
        <script src="Scripts/game.js" type="text/javascript">  </script> 
</body>
</html>

game.js：

var canvasWidth = 800;
var canvasHeight = 600;

$('#gameCanvas').attr('width', canvasWidth);
$('#gameCanvas').attr('height', canvasHeight);

var canvas = $('#gameCanvas')[0].getContext('2d');
canvas.strokeRect(0, 0, canvasWidth, canvasHeight);

Answer 1

此处经过测试，您的代码运行正常。

查看您的Scripts文件夹内容文件jquery-2.0.3.js和game.js。

唯一的可能是错误路径，看看这个。

您正在测试哪种浏览器？ html5 canvas只适用于一些新的浏览器。

如果您的浏览器确实有画布支持，则

检查here

Code Equals

工作示例here

Answer 2

您确定您对脚本文件的引用是正确的。如果html和脚本都在两个不同的文件夹中，那么引用可能需要是：

<script src="../Scripts/jquery-2.0.3.js" type="text/javascript"> </script> 
<script src="../Scripts/game.js" type="text/javascript">  </script>

画布不会出现在浏览器中

2 个答案: