通過在圖像上放置4個點來選擇圖像的一部分以使用jQuery來定義

Question

我想選擇圖像的一部分，而不是使用常用方法like this，而是使用4個點來定義圖像。這4個點表示矩形的頂點。 你有什麼想法我可以繼續？

Answer 1

var x = 0; 
$(".yourclass").click(function(event) {x++; 
if(x==1){ 
    X1 = event.clientX; 
    Y1 = event.clientY; 
} 
else{ 
    X2 = event.clientX; 
    Y2 = event.clientY; 
} 
}); 

這樣你就可以得到兩個點的x，y軸。

創建一個div，並將其背景圖像與背景位置作爲這些值..希望這會有所幫助。