Как отобразить изображение, если браузер не поддерживает HTML 5 Canvas

Question

Как отобразить изображение, если браузер не поддерживает HTML 5 Canvas

0

У меня есть контент HTML 5 с Javascript, который генерирует набор прямоугольников и текстов со ссылками. Этот код не работает на IE8, поскольку он не поддерживает HTML 5. Я хочу, чтобы браузер отображал изображение вместо текста, если страница отображается в IE8 или любом другом браузере, который не поддерживает HTML5.

Я пробовал этот код, но он не дал ожидаемого результата.

  function draw(){
  canvas = document.getElementById("myCanvas");
  // check if supported
  if(canvas.getContext){

    ctx=canvas.getContext("2d");

    var ctz=canvas.getContext("2d");
    ctz.fillStyle="#FF0000";
    ctz.fillRect(0,0,150,75);

    //..Rest of the code to add html5 content

    }else{
    var img = document.createElement("img");
    img.src = 'http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg';
    img.width = 276;
    img.height = 110;
    img.alt = '';

    document.body.appendChild(img);

    }
}
draw();

Что может быть ошибкой здесь?

direndd 03 дек. 2013, в 07:24

Источник

0

«Javascript, который генерирует набор прямоугольников и текстов со ссылками.» Почему вы используете холст для этого? Прямоугольники и тексты / ссылки легче сделать с простым старым HTML, чем с canvas.
sbking 03 дек. 2013, в 05:59
0

Я хочу отобразить иерархический график с прямоугольниками, соединенными между собой линиями и текстами внутри них. Эти тексты будут ссылками на другие страницы.
direndd 03 дек. 2013, в 06:16

Теги:

javascript

html

html5

html5-canvas

internet-explorer-8

1 ответ

Ещё вопросы

«Javascript, который генерирует набор прямоугольников и текстов со ссылками.» Почему вы используете холст для этого? Прямоугольники и тексты / ссылки легче сделать с простым старым HTML, чем с canvas.
Я хочу отобразить иерархический график с прямоугольниками, соединенными между собой линиями и текстами внутри них. Эти тексты будут ссылками на другие страницы.

Jukka K. Korpela · Accepted Answer · 2013-12-03T06-50-00.000Z

По определению элемента canvas его содержимое действует как запасной контент: он игнорируется браузерами, которые реализуют этот элемент, но он, естественно, будет обработан и отображен более старыми браузерами, которые просто игнорируют <canvas...> и </canvas> теги. Пример:

<canvas id=myCanvas>
<img src=http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg
     alt="" width=276 height=110>
</canvas>

Спасибо, я попробовал этот поисковик, но я думаю, что разместил тег изображения вне тега canvas. Спасибо за четкое объяснение. :)