3

イメージとしてディスクに保存したいIgniteUI igDataChartがあります。複数のキャンバスを使用しているため、グラフを右クリックして画像を保存することはできません。ただし、チャートには、チャート画像全体を取得してjavascript変数に返す画像エクスポートメソッドがあります。

ボタンのクリックで、このファイルをユーザーのダウンロード フォルダに自動的に保存したいと思います。これがサーバー側のイメージである場合、ユーザーを適切な URL に誘導するだけで済みますが、そうではありません。

ユーザーは、ボタンをクリックして、このクライアント側で生成されたグラフの png 画像をどのようにダウンロードできますか? クロスブラウザ ソリューションが必要です。

JSFIDDLE

$(function () {
    $("#exportBtn").click(function(){
       //returns an image DOM element;
       var pngImage = $("#chart").igDataChart("exportImage");
       //now i need to download the image
    });
});
4

2 に答える 2