裁切图像大于实际图像尺寸

时间:2020-01-28 10:49:37

标签: jquery wordpress crop

我要裁剪图像,其中裁剪区域将大于该图像尺寸。我正在使用您的rcrop plugin,效果很好。我遇到的问题是我的图像尺寸为1000x535px,但我想裁剪的图像超过图像尺寸。

例如,我想将图像裁剪为15000x12000px。在这种情况下,插件无法正常工作。 我想要类似croppr.js的东西。这可能吗?基本需求是使用自定义尺寸自定义woocommerce图片

$(document).ready(function() {
  $('#image-1').rcrop({
    minSize: [1200, 1200],
    preserveAspectRatio: true,
    grid: true,
    preview: {
      display: true,
      size: [100, 100],
    }
  });

  var $image2 = $('#image-2'),
    $update = $('#update'),
    inputs = {
      x: $('#x'),
      y: $('#y'),
      width: $('#width'),
      height: $('#height')
    },
    fill = function() {
      var values = $image2.rcrop('getValues', inputs.width.val(), inputs.height.val(), inputs.x.val(), inputs.y.val());
      console.log(values);
      for (var coord in inputs) {
        inputs[coord].val(values[coord]);
        console.log(values[coord]);
      }
    }
  $image2.rcrop();

  $image2.on('rcrop-changed rcrop-ready', fill);

  $update.click(function() {
    $image2.rcrop('resize', inputs.width.val(), inputs.height.val(), inputs.x.val(), inputs.y.val());
    fill();
  })
});

0 个答案:

没有答案
相关问题