Как проверить поддерживает ли браузер элемент canvas

Как предусмотреть в коде проверку на предмет того, поддерживает браузер canvas или нет?

Нужно проверить, присутствует ли метод getContext в соответствующем объекте canvas (который возвращается методом getElementByld):

var canvas = document.getElementByld ("draw");
if (canvas.getContext) { 
   // поддержка canvas имеется
} else {
  // извините, API-интерфейс canvas не поддерживается
}

Мы не вызываем метод getContext (без скобок) а просто смотрим, есть ли у него значение!

Если вы захотите проводить проверку на предмет поддержки canvas без необходимости заранее иметь canvas в своей HTML разметке, то можете создавать элемент canvas «на лету». Например:

var canvas = document.createElement ("canvas");

Второй способ это вставить текст между тегами canvas:

<canvas id="draw">Hey you, yes YOU, upgrade your browser!!</canvas>

Таким образом, когда браузеры, не поддерживающие элемент <canvas>, столкнутся с ним, они выведут на экран сообщение Неу, you, yes YOU, upgrade your browser! ! (эй, обновите свой браузер!). А поддерживающие данный элемент браузеры будут просто игнорировать любой текст между тегами <canvas> и не станут выводить его на экран.