問題タブ [onmousemove]

私のコードは：

Chrome、FireFox、ie9ではうまく機能しますが、IE7/8では機能しません

エラーメッセージは次のとおりです。「backgroundColor」のプロパティ値を設定できません：オブジェクトがnullまたは未定義です

私は何がいいの？

私は小さなアプリケーションで忙しく、カーソルが Canvas の上を移動したときにカーソルの位置に情報を表示したいと考えています。問題の Canvas はカスタムのもの (Canvas から継承) で、DrawingVisuals を追加する機能を提供します (基本的に、キャンバスに大量の幾何学的形状を表示するすべてのチュートリアルで示されているように)。

キャンバス座標 (v) から直接派生したローカル座標 (以下のコードでは p) だけでなく、垂直線と水平線も表示したいと思います。現時点では、これらのオブジェクトを位置 (0,0) でレンダリングしており、OnMouseMove イベント中にオフセットを使用して位置を更新しています。

水平線と垂直線は DrawingVisual _cursor でレンダリングされ、位置は _info のローカル y、z 座標でレンダリングされます。

mousemove イベントを使用すると、多くのオーバーヘッドが発生するようで、マウスをすばやく動かすと、マウスの動きを追跡する際に問題が発生することがわかります。

同じ効果を生み出すためのより良い方法を推奨できる人はいますか?

例 http://www.iccg.be/test/images/canvas.jpg

編集: もう少し調査したところ、キャンバスの解像度が大きい場合に問題が発生するようです。600x400 のキャンバスの場合、遅延はありませんが、1000x800 前後の場合、フーバー時に遅延の問題が発生します。キャンバスの全幅/高さを持つ線の代わりにユーザーが描いた十字線を使用すると、パフォーマンスも向上します。

mousemove イベントのコールバック関数の「イベント」パラメータから取得できる開始時間に関連付けられた属性はありますか?

スクリプトを見つけたので、少し変更したいと思います。ユーザーが特定のdiv#galleryで非アクティブまたはアクティブなときに、div#menuwrapをアニメーション化しようとしています。

今では、最初にアニメーション化した後でも、＃galleryの外でもアニメーション化しています。

どんな助けでも大歓迎です！

デモ： http： //jsfiddle.net/m2FvY/1/

ipadで機能させたいので、コーディング内にontouchを配置する方法を混乱させる問題がありました。以下は、私のコードです。

キャンバスの線をクリアするためのコード

キャンバスに塗りつぶしスタイルの色と機能を持たせるため

署名のように線を引くことができるキャンバス

だから私はonMouseとontouchの両方を保持したいのか知りたいのですが、キャンバスをipadに描画できるようにontouchをどのように配置しますか？助けてください、それは緊急です

QLabelのウィジェットクラス「BlockWidget」サブクラスがあり、コンストラクターでqss qss_1を設定し、マウスを移動すると背景色が変わるアニメーション効果が必要なので、qssqss_2を設定しますがそれは機能していないようです...私のコードは次のようになります：

メインウィンドウがあり、BlockWidgetの81個のインスタンスをインスタンス化しました。マウスをそのうちの1つに移動しても、何も起こりませんでした。しかし、何度かクリックすると、qssスタイルが変更されます（背景が青に変わります）

Rectangle2D.Float と Point2D.Float との衝突をテストしようとしています。カメラを含む 2D ワールドがあります (カメラの AffineTransform に基づいて graphics2D キャンバスを変換します)。次に、サブオブジェクト Y を含むオブジェクト X のリストを作成します。キャンバスは X の AffineTransformation へのカメラの変換の上に変換されるため、オブジェクトは正しい位置にレンダリングされます。オブジェクト X 内のマウスとの衝突を正常にテストできますが、サブオブジェクト Y のテストで問題が発生しています。これは、Y オブジェクトが、他の場所に配置されているにもかかわらず、位置 (0,0) にあると「考える」ためです。 (200,200) と言うように再配置された親オブジェクト X。つまり、オブジェクト X と Y は (200,200) の位置に表示されますが、衝突は (200, 200) ではなく (0,0) で発生します。

AffineTransform.transform と AffineTransform.inverseTransform の呼び出しの正しい組み合わせに関係していると思いますが、正しい組み合わせに頭を悩ませることはできません。

最初のバージョンではxとyが表示されず、次のエラーが発生します。

Uncaught TypeError：未定義のプロパティ'pageX'を読み取ることができません

2番目のバージョンは機能しますが、非常によく似たコードであり、問​​題を見つけることができません。

最初のバージョン（機能していません）

2番目のバージョン（動作中）

Safari と Chrome (FireFox ではなく、"webkit" など) で、Windows Media Player をバックグラウンドで再生しているときに (ここでは JQuery を使用して) マウス移動イベントをリッスンすると、マウス移動イベントが発生することがわかります。マウスが動かない。

これは、Windows Media Player が実行されている場合にのみ発生し、マウスがキャンバスの外に移動すると発生しなくなります。

しかし、音楽を再生し、マウスをキャンバスに置いたままユーザーがコンピューターから離れた場合、ユーザーのアイドル状態を識別することはできません。

質問:

• 誰かがこれについて聞いたことがありますか？魔法の修正が必要ですか？
• これは Webkit の問題のように思えますが、私は Webkit の専門家ではありません。Webkit 関係者にどのように発表すればよいでしょうか?

ページに画像があり、マウスが押されたときに onmousemove イベントをリッスンしたいと考えています。しかし、ブラウザ (Firefox) で画像をドラッグすると、実際には画像をドラッグするので、できません。これは望ましくありません。

これが私のコードです：

JavaScript 部分:

HTML 部分: