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

Question

我在页面加载时以部分div 创建图表。我正在使用 html2canvas lib 将其转换为图像。该图像应保存到应用程序的目录中。

使用 canvas2image 库我想下载该图像并将其保存到磁盘。我应该如何传递网址？

Answer 1

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

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

现在将此数据与锚元素链接，使其可下载，如this 问题中所做的那样。