canvas2image函数中的url将图像保存到特定位置

Question

我在pageload上创建了部分div的图表。我正在使用html2canvas lib将其转换为图像。该图像应保存到应用程序的目录中。

使用canvas2image lib我想下载并将该图像保存到磁盘。我该如何通过网址？

Answer 1

html2canvas库提供画布作为onrendered函数的参数。您可以使用画布的toDataURL来获取base64格式的图像数据。

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

现在将此数据与锚元素相关联，以使其可以像this问题中那样下载。