html2canvas不产生toDataUrl()转换为base64

时间:2019-03-15 03:57:21

标签: javascript html5 canvas html2canvas

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

https://html2canvas.hertzen.com/

一切正常。 现在我想要的基本上是,而不是下载(可通过saveAsPNG()方法获得),我想将数据发送到服务器。 现在已经知道,我们需要使用toDataUrl()进行转换,以使其变为现实,然后将其转换为base64。

使用此方法而不是函数来表示DataUrl()。

下面是代码段

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]未定义-因此我假设没有节点列表

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

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

错别字:<dependencies> <dependency> <groupId>com.societegenerale.ci-droid.tasks-consumer</groupId> <artifactId>ci-droid-tasks-consumer-starter</artifactId> <version>1.1.0</version> </dependency> </dependencies> URL 所有大写字母。

toDataURL