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