httml 2 canvasを利用して指定エリアを画像として出力し、PHPで受信する。

1671 ワード


フロントエンド送信ページ:2つのパッケージjquery.jsと httml 2 canvas.js 
httml 2 canvasダウンロード転送ゲート:http://html2canvas.hertzen.com/



    
    
    
    Title
    
    

    




$(function () { $("#btn").click(function () { var sr = document.getElementById("box"); html2canvas(sr).then(function (canvas) { document.body.appendChild(canvas); var html_canvas = canvas.toDataURL(); $.post('server.php', {html_canvas:html_canvas}, function(json){ }, 'json'); }); }); });
php受信ページ