Question

我正在尝试提供一项功能，用户可以选择上传图像的一部分，该部分与图像的“div”完全匹配。我几乎使用下面的代码完成了所需的操作：

<html>
<head>
<title>Image Cropper</title>
<script src="jquery.min.js"></script>
<script src="jquery.Jcrop.min.js"></script>
<link rel="stylesheet" href="jquery.Jcrop.min.css" type="text/css" />
<script language="Javascript">

$(window).load(function() {
var jcrop_api;
var i, ac;

initJcrop();

function initJcrop() {
        jcrop_api = $.Jcrop('#target', {
        onSelect: storeCoords,
        onChange: storeCoords,
    setSelect:   [50, 0, 1000,330],
    allowResize: false      
        });




};
function storeCoords(c) {
jQuery('#X').val(c.x);
jQuery('#Y').val(c.y);
jQuery('#W').val(c.w);
jQuery('#H').val(c.h);
};        
});
</script>
</head>
<body>
<img src="<%=path%>" id="target" />
<form name="myForm" action="cropper.jsp" method="post">
    <input type="hidden" id = "X" name="X" value=""/>
    <input type="hidden" id = "Y" name="Y" value=""/>
    <input type="hidden" id = "W" name="W" value=""/>
    <input type="hidden" id = "H" name="H" value=""/>
    <input type="submit" value="Crop Image"/>
</form>
</body>
</html>

现在我面临的唯一问题是，如果用户点击裁剪区域外的任何地方而不是我想要的，默认裁剪区域就会消失。

即使用户点击默认裁剪空间外，还有什么选项可以保持默认裁剪空间不变？

使用jsp裁剪默认大小区域的难度

0 个答案: