javascript - Cropper 插件不会删除 View 窗口中的虚线

Question

我正在使用cropper插件(版本2.3.4)在模式窗口中裁剪图像。一切似乎都工作正常，除了当我使用“dashed: false”作为选项时，虚线不会被删除。

这是初始化元素上的裁剪器的一小段代码

$('#imageToCrop').cropper({dashed: false, aspectRatio: 1/1});

这是窗口中的样子

仅供引用 - 我运行了网站上示例中的确切代码，但我仍然看到虚线

$(".fixed-dragger-cropper > img").cropper({
  aspectRatio: 640 / 320,
  autoCropArea: 0.6, // Center 60%
  multiple: false,
  dragCrop: false,
  dashed: false,
  movable: false,
  resizable: false,
  built: function () {
    $(this).cropper("zoom", 0.5);
  }
});

<div class="modal" id="bootstrap-modal">
  <div class="modal-dialog">
    ...
    <div class="modal-body">
      <div class="bootstrap-modal-cropper">
        <img src="img/picture-1.jpg">
      </div>
    </div>
    ...
  </div>
</div>

Answer 1

虚线实际上称为引用线，'+'标记用于显示裁剪区域的中心。

$(".fixed-dragger-cropper > img").cropper({
  aspectRatio: 640 / 320,
  autoCropArea: 0.6, // Center 60%
  multiple: false,
  dragCrop: false,
  guides: false, //removes dashed lines
  center: false, //removes + sign
  movable: false,
  resizable: false,
  built: function () {
     $(this).cropper("zoom", 0.5);
  }
});