canvas.toDataURL（“image / jpeg”）在图像的末尾创建黑色区域

Question

我正在使用qr.js (http://neocotic.com/qr.js)创建 QRCodes 。我想让我的用户能够下载这些 QRCodes ，因此我需要使用toDataURL函数从canvas-element创建一个图像。使用“image / png”函数执行它没有问题，但是当我尝试创建JPEG图像时，它在图像的末尾添加了一个黑色区域：
是否有其他人也遇到了这个问题并且知道解决方案或可能出现此问题的原因？

浏览器：Google Chrome 24.0.1312.56，Mozilla Firefox 18.0.0.1