我可以在div上应用jcrop吗

Question

我是jcrop的新手。 抱歉，这个问题不重要。

场景：我正在尝试构建图像裁剪应用程序。 以下是我的html标记。

<div id="container">
    <div id="holder">
        <img>
    </div>
</div>

<style>#container {overflow: hidden;}</style>

在这里，“容器” div充当视口。 当用户拖放图像时，使用jquery添加img元素。 Holder div是可拖动的，并且图像可以从其原始位置旋转，翻转或移动。 因此，只有一部分图像在视口中可见。

问：我可以在“容器” div（视口）上应用jcrop来裁剪图像吗？

Answer 1

您知道div container的坐标，因此可以执行此操作

    $('img').Jcrop({
        setSelect:   [ 100, 100, 50, 50 ]
    });