HTML5 の canvas に対応していないブラウザ向けの条件分岐

HTML5のキャンバスをサポートしていないブラウザを判定する方法です。
<canvas id=”sample”></canvas>という様に、canvasタグに “sample” という ID が付与されている場合の書き方です。

canvasエレメント自体が取得できないか、canvasにgetContextメソッドが備わっていないかでサポート有無を判断します。

var canvas = document.getElementById('sample');
if ( !canvas || !canvas.getContext ) {
  //TODO canvas未サポートブラウザへの処理
  return;
}