jak zdobyć kordinaty tylko w konkretnej kolumnie w obrazie siatki

Question

czy można uzyskać kordynaty z konkretnej kolumny ze zdjęcia , tak jak powie, gdy umieściłem kursor nad kolumną 1, to da mi to jak kordinat kolumny 1 1,1, a potem najedź kolumnie 2 to daje mi to jak kolumna 2 cordinate 1,1

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<div><span id="image_coords_click"></span><span id="image_coords_now"> </span></div> 
 
<img id="image" class="aligncenter" src="http://4.bp.blogspot.com/-c0lydOomMh8/UdMXTLn0frI/AAAAAAAAKdU/xa8kZMf23uQ/s721/100+number+grid.png" width="1475" height="1475" /> 
 
<script type="text/javascript"> 
 
    $('#image').mousemove(function(event) { 
 
\t window.current_x = Math.round(event.pageX - $('#image').offset().left); 
 
\t window.current_y = Math.round(event.pageY - $('#image').offset().top); 
 
\t window.current_coords = window.current_x + ', ' + window.current_y; 
 
\t $('#image_coords_now').html('Column: ' + window.current_coords + '.'); 
 
    }).mouseleave(function() { 
 
\t $('#image_coords_now').html('&nbsp;'); 
 
    }).click(function() { 
 
\t $('#image_coords_click').html('Last click: ' + window.current_coords + '. '); 
 
    }); 
 
</script>

Answer 1

spróbować oglądania tego: jsfiddle

function column(){ 
    var cell1={x0:21,y0:25,x1:163,y1:165}; 
var x=$('#x').html(); 
var y=$('#y').html(); 
/* 
    console.log(x); 
    console.log(y); 
    console.log(cell1['x0']); 
    console.log(cell1['x1']); 
    console.log(cell1['y0']); 
    console.log(cell1['y1']); 
*/ 
if (x>=cell1['x0'] && x<=cell1['x1'] && y>=cell1['y0'] && y<=cell1['y1']) 
{ 
console.log('cell oone'); 
} 
else { 
console.log('other cell'); 

} 

my idea jest:

• I określonych CELL1, współrzędnych {x0 21, Y0: 25, X1: 163, Y1: 165} ";
• Wziąłem współrzędne w momencie kliknięcia

• naciśnięciu przycisku należy sprawdzić, czy współrzędne są wewnątrz CELL1 zdefiniowanej przeze mnie

  1. udać się do jednej komórki
  2. przyciskiem myszy
  3. Naciśnij przycisk
  4. spojrzenie na konsoli

Myślałem, że to tylko na komórki, by w końcu zostać zastosowane do pozostałych komórek, ale jest to bardzo trudne

NOWY KOD:jsfiddle

1. kliknięcie na komórkę chcesz