Cropper插件不会删除视图窗口中的虚线

Question

我使用裁剪器插件（版本2.3.4）在模态窗口中裁剪图像。一切似乎工作得很好，除非我使用“虚线”：虚假＆＃39;作为一种选择，虚线不会被删除。

以下是在元素

上初始化cropper的一小段代码

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

以下是窗口中的内容

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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