我可以在div上应用jcrop吗？

Question

我是jcrop的新手。对不起，如果这个问题很简单。

情境： 我正在尝试构建图像裁剪应用程序。下面是我的html标记。

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

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

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

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

Answer 1

你知道div container的坐标，所以你可以这样做

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