Javascript 丰原陈收割机如何设置动态固定收割机箱

我使用的是一个，它有很棒的功能。我正在尝试制作一个具有动态尺寸的固定裁剪框

但我现在只想弄清楚如何把它做成一定的尺寸

我尝试了以下方法：

$(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

对我不起作用。我做错了什么

更新

这应该是为实际cropbox设置固定宽度的正确语法，但我仍然没有得到任何结果：

$(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" });
    }
  });
});

返回并重新阅读文档中的部分。这向您展示了如何调用这样的函数。还请注意，“setCropBoxData”要求对象具有“top”、“left”、“width”和“height”属性：

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

---

我终于找到了解决办法。我的错误是我将

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 });
    }
  });
});

---

检查您的浏览器控制台：您发布的代码在语法上不正确，您将看到一个错误。我现在没有任何错误，但cropbox仍然没有反应。这对我来说仍然是一样的。看起来“setCropBoxData”需要一个对象，而不仅仅是一对数字。我会更新答案的。谢谢，但仍然没有积极的变化，我会尝试做一个调整jsfiddle@JeroenBellemans除非你有一个CORS友好的形象，否则可能很难做小提琴。谢谢你的帮助！我找到了解决办法