Javascript firefox4还不支持画布吗？_Javascript_Html_Canvas

Javascript firefox4还不支持画布吗？

javascript html canvas

Javascript firefox4还不支持画布吗？,javascript,html,canvas,Javascript,Html,Canvas,我尝试了以下代码，但firefox4没有显示任何内容 <script type="text/javascript"> var canvas = document.getElementById('canvas1'); var context = canvas.getContext('2d'); context.strokeStyle = '#990000'; context.strokeRect(20,30,100,50); alert(context); </script&

我尝试了以下代码，但firefox4没有显示任何内容

<script type="text/javascript">

var canvas = document.getElementById('canvas1');

var context = canvas.getContext('2d');
context.strokeStyle = '#990000';
context.strokeRect(20,30,100,50);
alert(context);
</script>

 <canvas id="canvas1" width="200px" height="200px">Your browser does not   support canvas </canvas>


var canvas=document.getElementById（'canvas1'）；
var context=canvas.getContext（'2d'）；
context.strokeStyle='#990000'；
strokeRect（20,30100,50）；
警报（上下文）；
您的浏览器不支持画布

此代码位于body标记内。

根据此搜索，firefox 4支持画布。

这对我来说很好：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<canvas id="canvas1" width="200px" height="200px">Your browser does not   support canvas </canvas>

<script type="text/javascript">

var canvas = document.getElementById('canvas1');

var context = canvas.getContext('2d');
context.strokeStyle = '#990000';
context.strokeRect(20,30,100,50);
alert(context);
</script>
<body>
</body>
</html>


无标题文件
您的浏览器不支持画布
var canvas=document.getElementById（'canvas1'）；
var context=canvas.getContext（'2d'）；
context.strokeStyle='#990000'；
strokeRect（20,30100,50）；
警报（上下文）；

这对我来说很好：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<canvas id="canvas1" width="200px" height="200px">Your browser does not   support canvas </canvas>

<script type="text/javascript">

var canvas = document.getElementById('canvas1');

var context = canvas.getContext('2d');
context.strokeStyle = '#990000';
context.strokeRect(20,30,100,50);
alert(context);
</script>
<body>
</body>
</html>


无标题文件
您的浏览器不支持画布
var canvas=document.getElementById（'canvas1'）；
var context=canvas.getContext（'2d'）；
context.strokeStyle='#990000'；
strokeRect（20,30100,50）；
警报（上下文）；

您必须了解浏览器执行文件的顺序。以下是浏览器读取此代码的方式：

<script type="text/javascript">

var canvas = document.getElementById('canvas1');

var context = canvas.getContext('2d');
context.strokeStyle = '#990000';
context.strokeRect(20,30,100,50);
alert(context);
</script>

 <canvas id="canvas1" width="200px" height="200px">Your browser does not   support canvas </canvas>

注意：使用Javascript时，无需在HTML5中提及它。

您必须了解浏览器执行文件的顺序。以下是浏览器读取此代码的方式：

<script type="text/javascript">

var canvas = document.getElementById('canvas1');

var context = canvas.getContext('2d');
context.strokeStyle = '#990000';
context.strokeRect(20,30,100,50);
alert(context);
</script>

 <canvas id="canvas1" width="200px" height="200px">Your browser does not   support canvas </canvas>

注意：使用Javascript时，无需在HTML5中提及