asp.net-mvc-3 - 如何将 HTML5 画布的数据传递给视图的控制器？

Question

有没有办法从这个视图中获取画布的数据......

@{
    ViewBag.Title = "Index";
}
<script src="../../Scripts/digisig.js" type="text/javascript"></script>
<div id="container">
    @using (Html.BeginForm("Index"))
    {
        <canvas id="digisigBox" width="400" height="200">

        </canvas>
        <input id="submit" type="submit" value="Submit" />
    }
</div>

...到这个控制器？

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Index(FormCollection formCollection)
    {
        return View();
    }
}

通常，我使用 FormCollection.AllKeys 来获取数据，但我对画布的工作并不多，而且在将画布的数据传递给 MVC 中的控制器时，我似乎找不到任何东西。

Answer 1

您可以使用toDataURLcanvas 元素的方法来获取图像数据 - 然后您可以通过将其插入隐藏的表单字段来将其 POST 到您的控制器。