[解決済み] HTML5 <canvas> がサポートされていないことを検出する最良の方法
2022-05-17 14:08:52
質問
ブラウザがHTML5をサポートしていない場合の標準的な対処法は?
<canvas>
タグのようなフォールバックコンテンツを埋め込むことです。
<canvas>Your browser doesn't support "canvas".</canvas>
しかし、ページの残りの部分は同じままなので、不適切または誤解を招く可能性があります。キャンバスの非サポートを検出し、それに応じてページの残りの部分を表示できるようにする方法が必要です。何かお勧めはありますか?
どのように解決するのですか?
Modernizr をはじめ、基本的に canvas を扱うすべてのライブラリで使用されている手法です。
function isCanvasSupported(){
var elem = document.createElement('canvas');
return !!(elem.getContext && elem.getContext('2d'));
}
ご質問の内容は ではなく がサポートされていない場合の検出ということでしたので、このような使い方をお勧めします。
if (!isCanvasSupported()){ ...
関連
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み] HTML5 canvas をウィンドウに合わせてリサイズする
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] HTML5/Canvas/JavaScriptを使用してブラウザ内のスクリーンショットを撮影する
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] HTML5 CanvasとSVGとdivの比較
-
[解決済み] HTMLバックリンクの作り方
-
[解決済み】HTML5キャンバスの画像サイズを変更する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
要素ツリー制御によるvueTreeテーブル
-
JSアレイループと効率解析の比較
-
jsを使った簡単な照明スイッチのコード
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
JavaScriptのクロージャの説明
-
vueディレクティブv-bindの使用と注意点
-
vue ディレクティブ v-html と v-text
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。