ログインインターフェイスを描画したいので、入力するテキストフィールドと送信するボタンを描画する必要があります! 入力とボタンタグを使えば簡単に実現できるのですが、html5.0を使ってキャンバスに描画する必要がありました。グーグルで2日間検索しましたが、良いアイデアが見つかりません! 経験者は?助けて!前もって感謝します!
3 に答える
これには HTML 要素を使用することを強くお勧めします。CSS ポジショニングを使用してキャンバス上にオーバーレイできるため、キャンバス自体に描画したものの一部のように見えます。
これを純粋にキャンバスで作成するのは非常に困難です。
まず、入力ボックスとボタンを描画するルーチンを作成する必要があります。次に、ボタンが押されたときなど、さまざまな状態でそれらを描画するためのルーチンが必要になります。また、テキストボックスにキャレットを表示したり、ユーザーが入力した文字を処理したり、キー イベントを処理してキーを生成するコードを追加したり、コピーペースト キーの組み合わせを処理したり、矢印キーを処理したり、さまざまな部分をクリックしたりするコードを記述する必要があります。移動するテキスト...
そして、はるかに。
真剣に。HTML 入力要素でそれを行います。あなたの質問に基づいて、それが最良の選択です。
専門的または実用的な目的でこれを行う場合は、必ず html を使用し、絶対配置と透明な背景を使用してキャンバスにオーバーレイする必要があることに同意します。
ただし、これを単なる挑戦として行う場合は、Jani が言ったように、テキスト フィールド、キャレット、およびボタンのルーチンを作成する必要があります。次に、onKeydown をトリガーし、押されたキーのキー コードをチェックする関数を記述します。次に、ボックスに適切な文字を描きます (Dos unicode work in canvas?)。ここで矢印キーとエンターキーを処理することもできます。ユーザーが入力していると思われるときに、他の要素やブラウザー要素がターゲットにされていないことを確認してください。
幸運を :)
ログイン インターフェイスを ? に描画します。通常のグラフィックスを使用しない場合はよくわかりませんが、キャンバスタグの機能の基本とそれを使用して何ができるかについてのチュートリアルを次に示します。