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) 给出输出 canvas

2) canvas.toDataUrl 不是函数

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

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

如有任何帮助，我们将不胜感激！

Answer 1

错别字：toDataURL URL全部大写。

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

html2canvas 不产生 toDataUrl() 转换为 base64

html2canvas does not produce toDataUrl() to convert to base64

html

javascript

canvas

html2canvas