如何下载提交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。