Ich versuche herauszufinden, wie man erkennen kann, ob die Maus des Benutzers mit jQuery auf einer HTML 5-Zeichenfläche auf eine Zeile stößt.

Hier ist der Code, der die Zeichenbereichslinien generiert:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    window.onload = function(){
        var c=document.getElementById("myCanvas");
        var ctx=c.getContext("2d");
        ctx.moveTo(40,0);
        ctx.lineTo(40,360);
        ctx.stroke();
        ctx.moveTo(80,400);
        ctx.lineTo(80,40);
        ctx.stroke();
        ctx.moveTo(120,0);
        ctx.lineTo(120,360);
        ctx.stroke();
        ctx.moveTo(160,400);
        ctx.lineTo(160,40);
        ctx.stroke();
    };
</script>

Ich verwende ein modifiziertes jQuery-Skript, das ich tatsächlich in einer anderen Frage hier gefunden habe, aber jetzt kann ich nicht herausfinden, wie die Linie, hauptsächlich der Farbunterschied zwischen Weiß und Schwarz, im Canvas erkannt wird. Ich weiß, dass dies mit Bildern gemacht werden kann, aber ich habe noch niemanden mit so etwas gesehen.

Ich denke, meine eigentliche Frage ist, gibt es eine Möglichkeit, Farbänderungen auf einem Canvas-Element mit jQuery zu erkennen?