select - Kinetic または Easel.js を使用した Canvas のドロップダウン メニュー

Question

ユーザーが選択ドロップダウンでさまざまなオプションを選択したり、テキストを入力したりできる、完全に自己完結型の Web アプリケーションを作成する必要があります。

私の計画は、Canvas 内でアプリ全体を作成することでした。ただし、Canvas コーディングの初心者であるため、何が可能かわかりません。

ドロップダウン選択メニュー、テキスト入力、送信ボタンの作成がすべてキャンバス要素内に含まれている場合、キャンバスの専門家が教えてくれますか?

Answer 1

何 ？

これまでで最悪のアイデアのように聞こえます。キャンバスにグラフィカル ツール キットを作成したいのですが、これは多くの作業が必要で、利用可能な最高のグラフィカル ツール キットの 1 つである DOM にあります。

ウィジェットがどれほど複雑であっても、非常に複雑なウィジェットが必要な場合は、DOM または SVG を使用する方が常に簡単です。ただし、キャンバスはビットマップ描画用です。

キャンバスの上に DOM 要素を配置するには、絶対配置を使用するだけです。