3

HTML5ホワイトボードを開発しようとしています。ボードを表示しているユーザーに、プレゼンターが画面内のどこを指しているのかを正確に知ってもらいたいです。このjquery関数を使用してマウスの動きを収集することができます。

しかし、phpを使用してこの値を他のクライアントに渡すことに成功した場合でも、どうすればそれをエミュレートできますか？プレゼンターから取得した座標に基づいて、小さなポインター画像を移動することは可能ですか？

  1. 開始できない関数やスニペットはありますか？
  2. これは、通常の人が問題を抱えている可能性のある非常にハードウェアを集中的に使用するタスクでしょうか？
  3. これは私が達成しようとしていることを達成するための最良の方法ですか？
4

3 に答える 3

5

を使用して画像を移動できます.css

そのような：

$(window).mousemove(function(event) {
  $("#image").css({"left" : event.pageX, "top" : event.pageY});
});

#image固定または絶対に設定するだけ

  1. その上

  2. これはまったくハードウェア集約的ではありません。あなたが使用し、使用.cssしない限り.animate

  3. これはおそらく最も簡単で堅牢なソリューションです

于 2011-07-18T13:28:36.100 に答える
2

これは、Node.js と websocketsに含まれているチュートリアルで実際に行われています。(注意してください、その投稿はかなり古いため、実際には他のカーソルが表示されない場合がありますが、別のコンピューター/ブラウザーを使用して自分自身を表示できる場合があります)。

あなたは PHP を使いたいと言い、おそらく彼の node.js コードを php に移植することができます。これは、 php の websocketを支援するライブラリです。

于 2011-07-18T13:31:51.237 に答える
0

ビューアのブラウザでホワイトボードのあるページに画像を作成します。画像スタイルを position:absolute に設定し、javascript から、プレゼンターのマウスの位置に応じて上部と左側のプロパティを設定します。setInterval を使用してサーバーへの JavaScript 呼び出しを行い、プレゼンターのマウス位置を取得します。プレゼンターのコンピューターでは、マウスの位置をサーバーに保存するために setInterval も使用する必要があります。

于 2016-08-05T08:11:10.293 に答える