Question

我正在尝试将jcrop用于我正在处理的图像裁剪项目。我发现这个例子jcrop如何与asp.net项目一起使用。这在chrome，Firefox和IE 11中运行良好，但在IE 9和10中这不起作用。看起来图像与jcrop选择框重叠。这是代码片段，我已将整个项目上传到github：https://github.com/asankamadushan/jCropTestProject。知道为什么这在IE 9和10中不起作用。

<code>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JCorpExample._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.Jcrop.min.js"></script>
<script src="js/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />
<script language="Javascript">
    jQuery(document).ready(function() {
        jQuery('#cropbox').Jcrop({
        onSelect: updateCoords
        });
    });     
    function updateCoords(c) {
        jQuery('#X').val(c.x);
        jQuery('#Y').val(c.y);
        jQuery('#W').val(c.w);
        jQuery('#H').val(c.h);
    };          
</script>
</head>
<body>

<form id="form1" runat="server">
<div>
<asp:Button ID="Submit" runat="server" Text="Corp Image" 
onclick="Submit_Click" />
<br />
<br />
<asp:Image ID="cropedImage" runat="server" Visible="False" />
<br />
<br />

<img src="Sunset.jpg" id="cropbox" />

<asp:HiddenField ID="X" runat="server" />
<asp:HiddenField ID="Y" runat="server" />
<asp:HiddenField ID="W" runat="server" />
<asp:HiddenField ID="H" runat="server" />

</div>
</form>
</body>
</html>
</code>

jCrop选择框与IE中的图像重叠

0 个答案: