asp.net-mvc - 在 MVC 中捕获屏幕图像

Question

如何捕获活动屏幕ASP.Net MVC？

JQuery 中有什么功能可以解决这个问题吗？

我正在寻找的是在单击按钮时保存屏幕的特定部分（例如父 div 内容）并向用户显示打印对话框，该对话框会将其打印为图像。

我发现了很多帖子，但我正在寻找MVC 和 JQuery特定的解决方案。

有人可以建议吗？

Answer 1

如果它是呈现页面中的屏幕截图，您可能需要查看 HTML5 画布元素并捕获其中绘制的内容：https ://stackoverflow.com/a/6887206/90011 。

把它放在视图中：

<canvas id="graph" width="200" height="150"></canvas>

Javascript部分：

// Send the drawn image to the server
$('#sendBtn').live('click', function () {
    var image = graph[0].toDataURL("image/png");
    image = image.replace('data:image/png;base64,', '');

    $.ajax({
        type: 'POST',
        url: '/Default.aspx/UploadImage',
        data: '{ "imageData" : "' + image + '" }',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (msg) {
            alert('Image sent!');
        }
    });
});

源代码取自这篇博客文章：Send Canvas Content to Your Server