3

クロッパー プラグイン (バージョン 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>

4

1 に答える 1