0

使用 Image Croppie，我编写了一个代码来裁剪和调整图像大小。

我的代码：

$uploadCrop1 = $('#upload-demo1').croppie({
    enableExif: true,
    viewport: {
        width: <?php echo 800*0.20; ?>,
        height: <?php echo 600*0.20; ?>,
        type: 'rectangle'
    },
    boundary: {
        width: <?php echo (800*0.20)+20; ?>,
        height: <?php echo (600*0.20)+20; ?>
    }
});
     
$('#upload1').on('change', function () { 
    var reader = new FileReader();
    reader.onload = function (e) {
        $uploadCrop1.croppie('bind', {
            url: e.target.result
        }).then(function(){
            //console.log('jQuery bind complete');
        });
    }
    reader.readAsDataURL(this.files[0]);
});

$('#cropped1').on('click', function (ev) {
  $uploadCrop1.croppie('result', {
        type: 'canvas',
        size: {width: 800,height: 600,type: 'rectangle'}
    }).then(function (resp) {
      $("#inputtt1").val(resp);
      $('#myModal1').modal('toggle');
    });
});

问题 1：当我在更大的图像（比如说 4032 X 3024）上应用相同的大小以调整为（800 X 600）时，图像会失真

我尝试同时使用：重新采样和调整大小，然后将图像保存为最终 jpg，但静止图像会失真：

imagecopyresampled($destination, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
imagecopyresized($destination, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
imagejpeg($destination, $row['base_path'].$imgname,90);

问题 2：当我使用 ImageCropper 裁剪 png 并将其另存为 png 时，我在输出图像中获得了背景颜色。我需要输出图像来保留透明背景。

4

1 回答 1

0

我通过设置type: 'original'为croppie('result', function(){}).

于 2021-09-28T06:11:25.807 回答