mousemoveイベントではなく、目に見えないキャンバスを作る方法は？

Question

キャンバスに色分けされた線があり、それはmousemoveイベントを使用してスキャンします。これは、線の16進数のカラーコードを返します。 このキャンバスを目に見えないようにすることはできますか？ポインタがキャンバス上を移動しても、正しいカラーコードが返されますか？ Iは、following fiddleで混合結果と（... 0.1、0）コンテキストのglobalAlpha透明又は透明の近くに設定しようとした

：Firefoxの

• 、収集ヘクスは、に起因する改変された色を返します
• Chromeでは、透明度に関係なく正しい色を返します（これは実際に私が望む動作です）。

そして奇妙なことに、私の元のコードであってもChromeで、globalAlpha=0でキャンバスラインは、もはや彼らの元の色を返します。

globalAlphaの予想される動作が何であるかを親切に説明できますか？もっと重要なのは、キャンバスを目に見えないようにするもう1つの方法ですが、それでもマウスイベントで色を収集することは可能ですか？どんな助けにも感謝！

Answer 1

CSSプロパティをopacityから0に設定します。あなたは

#examplecanvas { 
    opacity: 0; 
} 

のようなあなたのキャンバスにプロパティを適用すると

それは画面から消えますが、まだ色を検出したときに、それ以上のあなたがマウス（またはそれをクリックしてください）。