javascript - Canvas .toDataURL() 返回部分损坏的图像

标签 javascript android html canvas

我们有一个 Web 应用程序(间歇性地)返回部分损坏的 PNG 图像数据 URL。该图像有一个大的黑色部分,覆盖了图像的一些,但不是全部。这些图像是客户签名。
例如:

enter image description here

我们正在使用来自 this 的签名板组件.使用 getSignatureImage() 例程返回图像 URL。

我从访问日志中看到的唯一内容似乎显示受影响的请求来自“Samsung Galaxy Tab”设备,但使用的是 Chrome 59。但是来自相同设备的其他请求工作正常。

感谢任何帮助。

最佳答案

我认为这不是内存问题。当图像消耗太多内存时,图像将只是黑色(空像素 rgb(0,0,0))。 尝试从 Canvas 中获取 blob - canvas.toBlob(function(blob) {})。 可能您的图像尚未加载或绘制。尝试在获取图像数据(base64 或 blob)之前将 window.setTimeout 放在某处

关于javascript - Canvas .toDataURL() 返回部分损坏的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45434377/

相关文章:

java - 我不能正确划分两个数字

javascript - 如何在没有新图像移动对象的情况下包含鼠标悬停图像链接?

html - CSS/CSS3 - 如何在表格行中设置背景颜色,表格单元格之间没有空格?

javascript - Socket.io动态 "on"绑定(bind)

javascript - 使用 .each 通过 AJAX 按 id 删除所有项目

javascript - 以编程方式使十六进制颜色(或 rgb 和混合颜色)变亮或变暗

javascript - 使用 jquery-ui 调整 div 的大小

Android - 与 FTDI 芯片和 d2xx 驱动程序的 USB 通信

android - 这段代码有什么问题?我正在尝试更改图像按钮的图像

html - 如何在ionic 2中获取当前html页面的url