Javascript jquery-使用“裁剪图像”；cropper"；-在画布上

我正在尝试实现这个插件。我已经用bootstrap实现了它，我正在尝试这样做，用户可以按下“裁剪按钮”，用户将只看到图像的裁剪部分-在图像内部。演示使用一个模式框和以下代码行：

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

---

这将显示find open a modal，并将结果图像（result）作为html放入modal主体中。然后用户可以正常关闭并继续。我想达到同样的效果——除了没有模态盒。这种方法不起作用，因为它覆盖了所有的html代码，插件不再起作用。我想我可能必须用结果替换源图像本身。有什么解决办法吗

您的原始图像必须位于像div一样的容器元素中。您可以使用

$（“divid”）

选择此div，并在此div上调用

html（result）

。

它确实会获得裁剪部分，但在此之后，无法对图像执行任何其他操作。这些其他操作是什么？F.ex撤消、清除、旋转。它们使用src image和image id指向图像并执行这些操作。因此，您可以将结果图像的

DOM id

更改为原始图像的旧id。您可以使用结果替换原始图像，因此结果应该是DOM图像节点