为了获取所要截取的起始横坐标,起始纵坐标,宽度,高度 <html> <head> <mce:script src="../js/jquery.min.js" mce_src="js/jquery.min.js"></mce:script> <mce:script src="../js/jquery.Jcrop.js" mce_src="js/jquery.Jcrop.js"></mce:script> <link rel="stylesheet" href="../css/jquery.Jcrop.css" mce_href="css/jquery.Jcrop.css" type="text/css" /> <link rel="stylesheet" href="demo_files/demos.css" mce_href="demo_files/demos.css" type="text/css" /> <mce:script language="Javascript"><!-- // Remember to invoke within jQuery(window).load(...) // If you don't, Jcrop may not initialize properly jQuery(document).ready(function(){ jQuery('#cropbox').Jcrop({ onChange: showCoords, onSelect: showCoords }); }); // Our simple event handler, called from onChange and onSelect // event handlers, as per the Jcrop invocation above function showCoords(c) { jQuery('#x').val(c.x); jQuery('#y').val(c.y); jQuery('#x2').val(c.x2); jQuery('#y2').val(c.y2); jQuery('#w').val(c.w); jQuery('#h').val(c.h); }; // --></mce:script> </head> <body> <div id="outer"> <div class="jcExample"> <div class="article"> <h1>Jcrop - Event Handlers</h1> <!-- This is the image we're attaching Jcrop to --> <img src="demo_files/flowers.jpg" mce_src="demo_files/flowers.jpg" id="cropbox" /> <!-- This is the form that our event handler fills --> <form οnsubmit="return false;"> <label>X1 <input type="text" size="4" id="x" name="x" /></label> <label>Y1 <input type="text" size="4" id="y" name="y" /></label> <label>X2 <input type="text" size="4" id="x2" name="x2" /></label> <label>Y2 <input type="text" size="4" id="y2" name="y2" /></label> <label>W <input type="text" size="4" id="w" name="w" /></label> <label>H <input type="text" size="4" id="h" name="h" /></label> </form> <p> <b>An example with a basic event handler.</b> Here we've tied several form values together with a simple event handler invocation. The result is that the form values are updated in real-time as the selection is changed, thanks to Jcrop's <em>onChange</em> event handler. </p> <p> That's how easily Jcrop can be integrated into a traditional web form! </p> <div id="dl_links"> <a href="http://deepliquid.com/content/Jcrop.html" mce_href="http://deepliquid.com/content/Jcrop.html">Jcrop Home</a> | <a href="http://deepliquid.com/content/Jcrop_Manual.html" mce_href="http://deepliquid.com/content/Jcrop_Manual.html">Manual (Docs)</a> </div> </div> </div> </div> </body> </html>