Question

我正在使用cropperjs裁剪图片并上传它们。我现在可以裁剪JPEG图像但不能裁剪PNG图像。对于JPEG和PNG图像，img标记在我裁剪后在控制台中显示base64字符串。

对于裁剪并悬停在图像上方后的JPEG图像，我可以看到图像。

但是，当我将鼠标悬停在PNG裁剪图像的base64字符串上时，没有显示图像。我看到的是：

这就是裁剪图像的方法：

 var image = document.getElementById('blah');
    var cropper = new Cropper(image, {
        aspectRatio : 1 / 1,
        crop : function(e) {
            console.log(e.detail.x);
            console.log(e.detail.y);
    }
});

var imgurl = cropper.getCroppedCanvas().toDataURL('image/png');
var img = document.createElement("img");
img.src = imgurl;
img.setAttribute("id", "blah");

我试过了

var imgurl = cropper.getCroppedCanvas().toDataURL('image/jpeg');

和

var imgurl = cropper.getCroppedCanvas().toDataURL('image/*');

太。我的输入类型是：

<input type="file" name="image" accept="image/*"/>

我试过了

var imgurl = cropper.getCroppedCanvas().toDataURL('image/png');

和

var imgurl = cropper.getCroppedCanvas().toDataURL();

太。请帮助或建议我，我已经搜索了许多链接以寻求帮助，并尝试了几种解决方法。

无法使用裁剪器js裁剪PNG图像

0 个答案: