jQuery-在畫布中帶有“ cropper”的裁切圖像

Question

我正在嘗試實現https://github.com/fengyuanchen/cropper插件。 我已經使用Bootstrap實現了它，並且正在嘗試使其實現，以便用戶可以按“裁剪按鈕”，並且用戶只能看到圖像的裁剪部分-圖像內部。 該演示使用模式框和以下代碼行：

 $('#getCroppedCanvasModal').modal().find('.modal-body').html(result);

這將顯示find打開一個模態並將結果圖像（結果）以html的形式放在模態主體中。 然后，用戶可以正常關閉並繼續操作。 我想實現相同的-除了沒有模式框。 這種方法將不起作用，因為它會覆蓋所有ht​​ml代碼，並且插件不再起作用。 我在想可能必須用結果替換源圖像本身。 有什么解決辦法嗎？

Answer 1

您的原始圖片必須位於div等容器元素中。 您可以使用$("thedivId")選擇該div，然后在該div上調用html(result) 。