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