我正在使用crop tool from fengyuanchen,它具有很棒的功能。我正在尝试制作具有动态尺寸的固定裁切框。

但是我目前只停留在如何确定如何使其具有一定尺寸的问题上。

我尝试了以下方法:

$(function() {

    $('.img-container > img').cropper({
      aspectRatio: 16 / 9,
      autoCropArea: 0.65,
      strict: false,
      guides: false,
      highlight: false,
      dragCrop: false,
      cropBoxMovable: false,
      cropBoxResizable: false,
      setCropBoxData('1600', '1200')
    });

});

但是setCropBoxData对我不起作用。我究竟做错了什么?

更新

这应该是为该实际裁切框设置固定宽度的正确语法,但是我仍然没有得到任何结果:
$(function() {
  var $toCrop = $('.img-container > img');

  $toCrop.cropper({
    aspectRatio: 16 / 9,
    autoCropArea: true,
    strict: false,
    guides: false,
    highlight: true,
    dragCrop: false,
    cropBoxMovable: false,
    cropBoxResizable: false,
    built: function () {
      $toCrop.cropper("setCropBoxData", { width: "100", height: "50" });
    }
  });
});

最佳答案

我终于找到了解决方案。我的错误是我将string而不是number作为参数传递给setCropBoxData函数。

这是正确的语法:

$(function() {
  var $toCrop = $('.img-container > img');

  $toCrop.cropper({
    aspectRatio: 16 / 9,
    autoCropArea: 0,
    strict: false,
    guides: false,
    highlight: true,
    dragCrop: false,
    cropBoxMovable: false,
    cropBoxResizable: false,
    built: function () {
      // Width and Height params are number types instead of string
      $toCrop.cropper("setCropBoxData", { width: 1600, height: 800 });
    }
  });
});

关于javascript - 丰源晨收割机如何设置动态固定式收割箱,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31407586/

10-12 12:55
查看更多