Wählen Sie Bereiche eines Bildes mit Jquery

Question

Ich startete eine Webanwendung mit C# und MVC5.

In meiner Anwendung lese ich Bilder aus der Datenbank und zeige sie in einem Bild-Slider.

Ich möchte eine Schaltfläche auf der Seite hinzufügen und wenn Benutzer auf diese Schaltfläche klicken Benutzer kann auf einen Bereich des Bildes klicken und ich speichern dieses x und y des Bereichs in der Datenbank.

mein Problem ist, weiß ich nicht, wie kann ich das x und y mit jeder Auflösung von Geräten bekommen. Vielleicht benutze Benutzer Iphone vielleicht Ipad oder vielleicht imac.

Answer 1

Sie können die Positionen mit einem Click-Ereignisse erhalten und speichern, wie unten dargestellt:

function getClickPosition(e) { 
    var cursorX = e.pageX; 
    var cursorY = e.pageY; 
} 

document.addEventListener("click", getClickPosition); 

Die Darstellungsgröße irrelevant sein wird, da es die X- und Y-Position für das jeweilige Darstellungsfeld in Pixel zurück.