2016-10-18 6 views
2

私はpageloadの部分divでグラフを作成しています。私はhtml2canvasのlibを使用してイメージに変換しています。そのイメージはアプリケーションのディレクトリに保存されます。イメージを特定の場所に保存するcanvas2image関数のURL

canvas2image libを使用して、その画像をディスクにダウンロードして保存します。私はどのようにURLを渡す必要がありますか?

+1

これはあなたが探していると思います。http://stackoverflow.com/questions/7951326/save-image-to-users-disk-using-javascript –

答えて

0

html2canvasライブラリは、onrendered関数の引数としてキャンバスを提供します。キャンバスのtoDataURLを使用して、イメージデータをbase64形式で取得できます。

html2canvas($parentNode, { 
            width: 300, 
            height:300, 
            onrendered: function(canvas) {           
             var myData = canvas.toDataURL(); 
            }    
          }); 

は今this質問で行ったようにそれがダウンロード可能にするためにアンカー要素と、このデータをリンクします。

+0

OPは[canvas2image](https:// github.com/hongru/canvas2image)canvas要素を入力として受け取るライブラリ。彼が望んでいるのは、このライブラリに実装されていません。ほとんどの場合、あなたはbtwをやっています... – Kaiido

+0

こんにちはチャーリー、返信いただきありがとうございます。しかし、私はそれをダウンロードするためにリンクを使用していない、それはダウンロードして、私はPDFダウンロードでそのイメージを使用しているので、ページの読み込みに内部的に保存する必要があります。私は先に上記のソリューションを使用しました。しかし、それは実行されるべき方法ではありません。 – Priya

+0

イメージをユーザーに知らせずにディスクに保存する方法はありません。あなたが得ることができる最も近いのは、彼がそれを保存したい場所を尋ねるポップアップを持つことです。後であなたのサイトにイメージが必要な場合、私はあなたがそれをサーバーに投稿し、保管し、後でそこからロードするべきだと思います。 –

関連する問題