jquery - 通过在图像上放置 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 并将其背景图像设置为背景位置作为这些值。希望这会有所帮助。