Firefox4 еще не поддерживает canvas? - PullRequest
Новая
       3

Firefox4 еще не поддерживает canvas?

0 голосов
/ 11 июня 2011

Я попробовал следующий код, но 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>

Этот код находится внутри тега body.

Ответы [ 3 ]

3 голосов
/ 11 июня 2011

Вы должны понимать порядок, в котором файл исполняется браузером.Вот как браузер читает этот код: 

<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>
  1. Тэг тела начинается
  2. Тэг скрипта начинается
  3. Найти элемент с идентификатором canvas1
  4. Canvas1 Не существует, сохранить холст как ноль (я принимаю за ничто)
  5. Context = nothing.getContext('2d');
  6. alert(nothing)
  7. End Script
  8. Begin Canvas, поскольку поддерживаемые не показывают, что находится внутри
  9. end body tag

Так что, чтобы сделать его видимым, вам просто нужно отредактировать вашкод, подобный следующему: - 

<!DOCTYPE HTML>
<html>
<head>
 <title>Sample by RHNVRM(aka rohan verma)</title>
</head>
<body>
<!--Canvas-->
 <canvas id="canvas1" width="200px" height="200px">Your browser does not   support canvas </canvas>
<!--Begin Script-->
<script>

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

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

ПРИМЕЧАНИЕ: При использовании Javascript нет необходимости упоминать его в HTML5.

0 голосов
/ 11 июня 2011

У меня сработало нормально: 

<!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>
0 голосов
/ 11 июня 2011

Согласно этому поиску http://www.google.co.uk/search?q=firefox4+canvas Firefox 4 поддерживает canvas.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...