私はゼロから新しい Web サイトを設計しており、<canvas>要素内でサイト全体を開発する際にどのような短所があるのか 疑問に思いました.
私は IE6/7/8 との互換性の問題を認識していますが、それはこのプロジェクトにとって重要ではありません。しかし、たとえば、Google 検索エンジンの動作やモバイルの互換性などには気を配っています。
私がこの方法を選んだ主な理由は、純粋な HTML5/CSS では不可能な要素や画像に高度な効果やアニメーションをコーディングできるようにするためです。
Canvas は、ラスター グラフィックスの要素です。ページの一部には適していますが、ページ全体には適していません。ページはドキュメントです。機械可読である必要もあります。Web サイト全体がキャンバスで構成されている場合、検索エンジン ボット、スクリーン リーダー、ブラウザー プラグイン、その他のソフトウェアはそれにアクセスできません。キャンバスで Web サイトを作成することは、ワープロの代わりにペイント プログラムでドキュメントを作成するようなものです。可能ですが、実用的ではありません。実験には良いアイデアかもしれませんが、本番環境でこれを行う場合は、再検討する必要があります。
私自身のウェブサイトは、単一のキャンバスと単一の大きな Javascript (Typescript から) であるため、実行可能であり、携帯電話で表示されるように自動スケーリングされ、自動回転も行われます...
興味のある方は : www.erroba.be (私の名前の頭字語Er Lend Roba ye)
ソースを見て、いくつかのアイデアを得ることができると確信しています。