使用asp.net MVC在图片上选择一个或多个像素

本文关键字：一个 像素 选择 MVC net asp 使用 | 更新日期: 2023-09-27 18:06:06

首先，我不是很熟悉asp.net mvc，所以我很抱歉，如果我的问题是微不足道的。

我有一张图片:

<img src=@ViewBag.CurrentImage id="imageClick" />

您应该能够在此图片上选择一个或多个像素。我有这个javascript，它获取像素

$(function () {
    $("#imageClick").click(function (e) {
        var offset = $(this).offset();
        var relativeX = (e.pageX - offset.left);
        var relativeY = (e.pageY - offset.top);
        alert(Math.floor(relativeX) + ':' + Math.floor(relativeY));
    });
});

最后，应该有一个"保存"按钮来保存所选择的像素(将其发送到控制器，以便我可以将其保存到db)。

我最初的想法(因为我不擅长使用javascript)是将所有信息发送到控制器，其中包含如下所选像素的列表:

$(function () {
    $("#imageClick").click(function (e) {
        var offset = $(this).offset();
        var relativeX = (e.pageX - offset.left);
        var relativeY = (e.pageY - offset.top);
        @(((HomeController) ViewContext.Controller).SaveCoord(relativeX,relativeY))
    });
});

但显然这不起作用…

我不知道最好的方法是什么，我希望你们中的一些人能帮助我。

使用asp.net MVC在图片上选择一个或多个像素

您需要通过Ajax发送数据到控制器例如:

 $.ajax({
   url: '@Url.Action("SaveCoord")',
   type: "POST", 
   dataType: "json",
   data: { relativeX,relativeY}
   ...
});

>

相关文章：