オーバーレイ一時的なキャンバスに絵

Question

私はHTML5でデモに取り組んでいますし、これは私が何をしたいです：

私はすでに製図板として機能要素を持っている、と一人がそれにランダムに描画されます。

は今、私がしたい：キャンバスの上に

• 、一時的に小さな絵と数秒のためのいくつかのテキストメッセージを（オーバーレイ）を示します。フェードアウトします。

• オーバーレイは、ユーザーが描画を続行できないようにすべきではありません。

• オーバーレイされた画像ははっきりと消えて、描画は上書きされません。またはマウスの動作をブロックします。

どうすればいいですか？

非常にあなたの助けに感謝します！

Answer 1

マウスの座標を読み取ってペイントします。マウスボタンが押されている場合は、右か？それでは、マウスからこれらの値を読み続けるだけです。

キャンバス要素内でマウスイベントをリッスンしている場合は、その上に任意の要素を配置すると問題が発生することがわかります。その場合は、完全なドキュメント（document.addEventListener('mousemove', ...)など）でマウスイベントを待機するように切り替える必要があります。