如何下載提交CanvasJS的照片

Question

我正在使用Canvas JS在窗體內創建圖形圖像。目前，可以通過單擊3點線按鈕（如下圖所示）創建圖像，然後點擊「另存爲PNG」。

當有人提交表單時，我想要創建一個圖形的圖像，然後發送給填寫表單的人。

但是，我無法弄清楚如何做到這一點。以下是我已經嘗試使用JQuery的：

$(document).ready(function() { 
    $('.submit-button').click(function(e) { 
     $("button[title='More Options']").first().click(); 
     $("div").text('Save as PNG').click(); 
    }); 
}); 

（當我點擊提交，不下載任何東西我jQuery是建立，以及[我已經測試與警報功能]。）

的曲線圖的一個例子在這裏可以看到：

http://canvasjs.com/docs/charts/chart-options/export-file-name/

Answer 1

所需的div未適當地選擇。您可以使用：

$(document).ready(function(){ 
    $('.submit-button').click(function() { 
    $('.canvasjs-chart-toolbar > div > div')[0].click(); // 0 for JPEG, 1 for PNG 
    }); 
}); 

請參閱此工作fiddle。可以使用toDataURL將CanvasJS圖表導出爲圖像。請參閱此fiddle。