問題タブ [canvas]

クリックの x 座標と y 座標 (canvas 要素に対して) を返すクリック イベント ハンドラーを canvas 要素に追加する最も簡単な方法は何ですか?

従来のブラウザーとの互換性は必要ありません。Safari、Opera、および Firefox で十分です。

私は<canvas>Firefox 2.0.0.16 と Safari 3.1.2 で HTML5 要素を使用しています。どちらも iMac で使用しています。(Windows の Firefox 3.0 でもこれを試しましたが、これも役に立ちませんでした。) タグは次のようになります。

キャンバスと対話するいくつかの機能を「アクティブ化」するためのボタンがあります。そのボタンのonclick()イベントは関数を呼び出します。その関数には、次の行があります。

これは動作しません。Firebug はエラーを報告しません。しかし、焦点はまだ元の場所にとどまっています。キャンバスまたはキャンバスに向かってタブをクリックすると、他の要素からフォーカスが失われますが、明らかにキャンバスによって取得されることはありません (キャンバスのonfocus()イベントは発生しません)。

これは奇妙だと思います。キャンバスが単にフォーカスを得ることができないということですか、それともここに何かが欠けていますか? 任意の洞察をいただければ幸いです。

ありがとうございました。

サーバーから画像を取得するにはどうすればよいですか?

キャンバスにいくつかの画像を描画できるようにするこのコードがあります。

document.images をループする代わりに、サーバーから継続的に画像を取得したいと考えています。

HTML5 用のこの新しい Canvas 要素がいかに優れているかについて読み続けており、Flash を使用せずに JavaScript だけで作成された素晴らしいデモを目にします。これらのことのいくつかを自分で行う方法についての良い情報はどこにありますか?

JavaScript/キャンバスをかなり頻繁に使用する Web サイトを作成することを考えていて、Processing.jsを見てきましたが、キャンバスの操作が大幅に簡単になるようです。Processing.js を使用してはいけない理由を知っている人はいますか? 古いブラウザーでは使用できないことは理解していますが、今のところは問題ありません。

いくつかの情報を入力し、その情報に基づいてキャンバス要素に画像を描画できる Web ページを作成しました。印刷以外はほぼ思い通りに動作しています。

キャンバス要素を印刷する方法はありますか、それを行う唯一の方法は描画する新しいウィンドウを作成することですか?

アップデート：

答えはとてもシンプルでした。私はもっ​​と複雑な解決策を考えていました。

複数の回答を選択できれば幸いです。* を使用して表示を無効にすると、キャンバスを印刷できませんでした。最も簡単な解決策は、@media print{} 内の CSS でフォ​​ーム {display:none;} を使用して、入力に使用していたフォームをオフにすることでした。迅速な返答に感謝致します。

要素をいじったり、<canvas>線を引いたりしています。

対角線がアンチエイリアス処理されていることに気づきました。私がしていることにはギザギザの外観が好きです-この機能をオフにする方法はありますか？

HTML キャンバス要素を介してリッチな 2D グラフィックスをレンダリングする Web アプリケーションの成功談と失敗談を探しています。興味深い例をオンラインでいくつか見たことがありますが、このアプローチを使用して行われた実際の実用的な開発例について学びたいと思いました。

Java で書かれた単純な GUI コンポーネントがあります。このクラスは、java.awt.canvas にアナログ時計を描画します。
このキャンバスは JFrame に含まれています。私がやりたいのは、キャンバスに 3D の「浮き上がった」効果を与えることです。写真にドロップ シャドウを追加するようなものです。これを行う簡単な方法はありますか？

パネルにメインキャンバス「黒板」があります。このキャンバスには、ツールバー（タイル）、ラベル、およびいくつかのスキニングなど、いくつかの子があります。

問題は、「円」や「選択」などの他のツールをクリックしたときにツールを変更したい場合、長方形ツールに移動して長方形の描画を開始すると、代わりにボタンがクリック イベントをキャッチしないことです。キャンバスがマウス ダウンをキャッチし、描画を開始します。

写真のように。そのため、描画を開始するとツールを変更できません。

代替テキスト http://www.freeimagehosting.net/uploads/397a7cd49e.png

キャンバスがツール上にあるときにキャンバスを反応させないようにするにはどうすればよいでしょうか。または、ボタンをクリックして最初にキャッチし、キャンバスに何も描画しないようにするにはどうすればよいでしょうか。

もちろん、ツールバーをキャンバス以外の場所に配置することもできますが、スペースが重要なので、ボタンをキャンバスに配置したいと考えています。

私はどんな提案にもオープンです。

=== 内部でどのように動作するかを示すコードを次に示します。===

ツールバーは、タイルに含まれるボタンのリストです。キャンバスの「黒板」は、いくつかのイベント処理にリンクされています。特に、マウスの上下と図形を描くための移動です。

ツールバーもクリックをリッスンします