如何将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

您可以使用canvas元素的toDataURL方法获取图像数据 - 然后您可以通过f.e将其发布到控制器。将其插入隐藏的表单字段。