Javascript 使用jquery canvasCrop裁剪图像在图像顶部和底部返回黑色背景

我正在使用jquery上传图像画布。当我上传图像、调整大小然后保存时，裁剪后的图像背景是黑色的。我想把黑色背景改成白色

下面是一个例子

---

任何需要帮助的问题都已解决。刚刚添加了hiddenContext.fillStyle='#FFF'；fillRect（0，0，hiddencavas.width，hiddencavas.height）；hiddenContext.strokeStyle='#eaeaea'；hiddenContext.lineWidth=5；hiddenContext.translate（0.5,0.5）；strokeRect（0，0，hiddencawans.width，hiddencawans.height）；这个问题已经解决了。刚刚添加了hiddenContext.fillStyle='#FFF'；fillRect（0，0，hiddencavas.width，hiddencavas.height）；hiddenContext.strokeStyle='#eaeaea'；hiddenContext.lineWidth=5；hiddenContext.translate（0.5,0.5）；strokeRect（0，0，hiddencawans.width，hiddencawans.height）；

   getDataURL: function(type){
                    var type = type||"png",
                        width = thumbBox.width,
                        height = thumbBox.height,
                        hiddenCanvas = document.createElement("canvas"),
                        hiddenContext = hiddenCanvas.getContext("2d");
                    hiddenCanvas.width = width;
                    hiddenCanvas.height = height;
                    hiddenCanvas.width = $(".thumbBox").width();
                    hiddenCanvas.height = $(".thumbBox").height();
    //                hiddenContext.drawImage(visbleCanvas, clipArgument.sx, clipArgument.sy, width, height, 0, 0, width, height);
                    hiddenContext.drawImage(visbleCanvas, clipArgument.dx, clipArgument.dy, visbleCanvas.width,visbleCanvas.height);
                    return hiddenCanvas.toDataURL('image/'+type);
                }