すべてのページでウェブサイトの上部に表示されるナビゲーションバーを作成しようとしています。
私はRaphaelライブラリが使用するコードに非常に精通しており、一連のタイルと対応するJavaScriptを作成するよりもはるかに簡単です。
このような目的でキャンバスを使用することに問題はありますか?
誰かもっと良いアイデアがありますか?
アドバイスをよろしくお願いします。
更新:レンダリング速度に問題がありますか?繰り返しになりますが、私は別の提案を完全に受け入れています!
すべてのページでウェブサイトの上部に表示されるナビゲーションバーを作成しようとしています。
私はRaphaelライブラリが使用するコードに非常に精通しており、一連のタイルと対応するJavaScriptを作成するよりもはるかに簡単です。
このような目的でキャンバスを使用することに問題はありますか?
誰かもっと良いアイデアがありますか?
アドバイスをよろしくお願いします。
更新:レンダリング速度に問題がありますか?繰り返しになりますが、私は別の提案を完全に受け入れています!
簡単な答え:おそらく最高のアイデアではありません。
長い回答:論理的なチンパンジーが示唆しているように、重要な要素にキャンバスを使用することは確かに悪い考えです。JavaScriptをサポートしていないブラウザやキャンバスをサポートしていないブラウザ(Webスパイダーやさまざまな知覚の違い(失明など)を対象としたブラウザを含む) ))何も表示されません。(人々にとって、これは彼らがあなたのサブページを見つけられないことを意味します。ウェブスパイダー(グーグルなど)にとって、これは誰もあなたのサブページを見つけることがないことを意味します。)
Raphaelまたは別のキャンバスベースのソリューションを使用する場合、アクセシビリティのために、htmlベースのナビゲーション要素(何年にもわたって行われているようにdivのul liなど)から始めて、ページのときにjavascriptを介してそれを置き換える必要がありますロード(これを行う方法の例については、 HTML5 Canvasを<div>に置き換えるを参照してください(jsfiddleリンクを含む)
それが最高のアイデアではない理由は、html nav要素をキャンバスベースの要素と同期させる必要があるためです-サーバー側のプロセス(ワードプレスなど)によって生成されている場合は、それほど多くはないと思いますがhtml nav要素を構築するための作業が増え、それが機能していることを確認するために定期的にテストするだけで済みます。