jquery - 用“cropper”裁剪图像 - 在画布中

Question

我正在尝试实现https://github.com/fengyuanchen/cropper 插件。我已经用 bootstrap 实现了它，我正在尝试让它让用户可以按下“裁剪按钮”，并且用户只会看到图像的裁剪部分 - 在图像内部。该演示使用模态框和这行代码：

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

这将显示找到打开一个模态并将结果图像（结果）作为 html 放在模态正文中。然后用户可以正常关闭并继续。我想达到同样的效果——除了没有模态框。这种方法不起作用，因为它覆盖了所有的 html 代码并且插件不再起作用。我想我可能不得不用结果替换源图像本身。有什么解决办法吗？

Answer 1

您的原始图像必须位于 div 等容器元素中。您可以使用$("thedivId") 选择此div，并在此div 上调用html(result)。