2016-06-27 15 views
0

私は問題があります。私はマップでいっぱいの画像divコンテンツとしてダウンロードしたいと思います。 地図やヒートですべてのdivコンテンツをダウンロードするには、ボタンとクリックが必要です。私はこの例をダウンロードしに行くときHeatmap Div to Imageダウンロード

問題がある:

var element = $("#divMap"); // global variable 
    var getCanvas; // global variable  
$("#btn-Preview-Image").on('click', function() { 
      html2canvas(element, { 
       onrendered: function (canvas) { 
        $("#previewImage").append(canvas); 
        getCanvas = canvas; 
       } 
      }); 

     }); 

     $("#btn-Convert-Html2Image").on('click', function() { 
      var imgageData = getCanvas.toDataURL("image/png"); 
      // Now browser starts downloading it instead of just showing it 
      var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream"); 
      $("#btn-Convert-Html2Image").attr("download", "map.png").attr("href", newData); 
     }); 

それだけ加熱ダウンロードし、Googleからのマップがありません。 私はlink

からこの例に従ってください、私はあなたの答えを得るためにhttp://www.w3schools.com/html/html_intro.aspに行くことをお勧め:)

答えて

0

助けてください。あなたは問題を解決するために、変数情報とjqueryを見つけることができます。

0

私は現在、ハンドラの問題は、画像に保存したいdivの特定のキャンバスの一部としてマップを認識しないことです。すべての正直なところ、すべてのコードを文書化していないため、問題の内容やその理由を教えにくいですが、同じ目標を達成するためのいくつかの代替方法を試すことができます。

そのうちの一つは、あなたが使用していたとしてHtml2Canvasですが、代わりに与えられたリンクから、次の例は、ドキュメントにアクセスしてください:http://html2canvas.hertzen.com/examples.html

はあなたに必要な情報を与えるかもしれないいくつかの他のスタックオーバーフローに関する質問(1がありますが、 2,3