Estoy tratando de averiguar cómo se puede detectar si el mouse del usuario golpea una línea en un lienzo HTML 5 con jQuery.

Aquí está el código que genera las líneas del lienzo:

<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>

Estoy utilizando un script jQuery modificado que encontré en otra pregunta aquí, pero ahora no puedo descubrir cómo detectar la línea, principalmente la diferencia de color de blanco a negro, en el lienzo. Sé que esto se puede hacer con imágenes, pero no he visto a nadie con algo como esto.

Supongo que mi pregunta real es, ¿hay una manera de detectar cambios de color en un elemento de lienzo con jQuery?