javascript - Cropper 插件未删除视图窗口中的虚线

Question

我正在使用裁剪器插件（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);
  }
});