html2canvas 不生成 toDataUrl() 来转换为 base64

Question

我正在使用下面的库将我的 html div 转换为画布。

https://html2canvas.hertzen.com/

一切正常。 现在我想要的基本上是，而不是下载（可以通过 saveAsPNG() 方法获得），我想将数据发送到服务器。 现在知道我们需要使用 toDataUrl() 进行转换才能实现这一点，它会转换为 base64。

使用toDataUrl()这个方法，说的不是函数。

下面是sn-p

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

错字：toDataURLURL全部大写。

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