Canvas.toBlob || Canvas.toDataURL为我提供透明图像

时间:2018-02-12 09:55:35

标签: javascript html5 google-chrome canvas data-uri

嗨开发!

我正在开展一个项目,我需要让用户裁剪并上传图片

要进行裁剪部分,我使用react-cropper

我的问题是 chrome the dataURL limit is 65529 pixels

如果我尝试在超过65529像素上使用canvas.getDataURL(),则会产生透明图像。

在客户端上,这不是问题,因为我可以显示缩小尺寸的预览。

要在服务器上发送fullSize裁剪图像,我使用canvas.toBlob()。 但即使在那里,我也会得到一张透明图片......

如何向服务器发送高质量画布(最大1920x1080)作为图像

感谢给那些花时间回答我的人! :)

1 个答案:

答案 0 :(得分:0)

我对chrome有同样的问题。禁用scriptsafe和µBlock插件后,一切都像灵符一样