html2canvas不会生成toDataUrl（）以转换为base64

Question

我使用下面的库将我的html div转换为canvas。

https://html2canvas.hertzen.com/

事情按预期工作。现在我想要的基本上是，而不是下载（可通过saveAsPNG（）方法获得），我想将数据发送到服务器。现在已知我们需要转换相同的内容以使用toDataUrl（）来转换为base64。

使用这种方法toDataUrl（），说，不是一个函数。

以下是片段

html2canvas(document.querySelector("#canvasTxt")).then(canvas => {
    console.log(canvas);   //---1
    console.log(canvas.toDataUrl('image/png')); //---2
    console.log(canvas[0].toDataUrl('image/png')); //----3
}); 

1）将输出作为画布

2）canvas.toDataUrl不是函数

3）canvas [0]未定义 - 所以我假设没有节点列表

那么有没有办法使用库进行转换？因为我想将转换后的图像发送到服务器而不允许下载。

任何帮助，将不胜感激！

Answer 1

错字：toDataURL URL全部大写。

html2canvas(document.body).then(canvas => {
    console.log(canvas.toDataURL('image/png'));
});