当前位置: 首页 > 知识库问答 >
问题:

html2canvas不会生成toDataUrl()以转换为base64

萧波峻
2023-03-14

我使用下面的库转换我的html div到画布。

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) 画布[0]未定义,因此我假设没有节点列表

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

任何帮助都将不胜感激!

共有1个答案

越安翔
2023-03-14

打字错误:toDataURLURL所有大写字母。

html2canvas(document.body).then(canvas => {
    console.log(canvas.toDataURL('image/png'));
}); 
 类似资料:
  • 完整的蓝牙聊天服务类:https://github.com/frcteam1501/frcrecyerushpitscouter/blob/master/app/src/main/java/org/huntingtonrobotics/frcrecyerushpitscouter/bluetoothchat/bluetoothchatfragment.java 完整的蓝牙聊天片段类:https:/

  • 我有一个潜水舱,水太多了。它基本上包括一个大的组织结构图。我想做的是导出div的全部内容,而不是使用html2canvas库导出可见部分,但到目前为止我还无法实现。下面的代码段不会呈现全部内容。有没有办法做到这一点? 我正在使用BasicPrimitions库生成组织结构图。它接受一个div并将所有元素插入其中。因为我的图表相当大,所以它从容器中溢出。Xhtml代码如下所示:

  • 为什么toDataURL()用不了?报错toDataURL is not a function.

  • 问题内容: 当我使用IPython在Python中进行调试时,有时会遇到断点,并且我想检查当前是生成器的变量。我想到的最简单的方法是将其转换为列表,但是我不清楚在一行中这样做的简单方法是什么,因为我对Python很陌生。 问题答案: 只需调用生成器。 请注意,这会影响生成器,生成器将不返回任何其他项目。 您也不能直接在IPython中调用,因为它与列出代码行的命令冲突。 在此文件上测试: 运行时:

  • 问题内容: 我正在使用d3.js可视化一些数据。我希望能够采用它生成的SVG代码并将其存储为图像文件(用于在Inkscape / Illustrator中进行编辑)。 我试过简单地复制svg标签的内容,即 放入名为image.svg的文件中,但这会漏掉两个单独的CSS文件中的颜色/样式信息。 有没有简单的方法可以做到这一点? 问题答案: 我认为SVG Crowbar可能是解决此问题的最佳方法。

  • 问题内容: 我有以下asp.net核心LINQ代码: 不幸的是,这转化为以下内容: 我不知道为什么会有这部分: 不仅像 非常感谢 问题答案: EF Core中SQL转换的规则尚不清楚,远未完善,尚在讨论中,并且随着每个次要发行版的发布而不断变化。 的翻译,并进行了讨论,并改了好几次- 例如,问题#474:查询:提高字符串的StartsWith,的endsWith的翻译和包含)。的翻译已经在最新的官