jquery - 使用" cropper"裁剪图像 - 在画布上

时间:2015-11-11 10:50:46

标签: javascript jquery jquery-plugins

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

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

这将显示find打开一个模态并将结果图像(结果)作为html放在模态体中。然后用户可以正常关闭并继续操作。我想实现相同的 - 除了没有模态框。这种方法不起作用,因为它覆盖了所有的html代码,并且插件不再起作用。我想我可能不得不用结果替换源图像本身。对此有何解决方案?

1 个答案:

答案 0 :(得分:0)

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