图像截取的前台页面

来源：互联网发布：淘宝3c认证怎么弄编辑：程序博客网时间：2024/05/22 02:18

为了获取所要截取的起始横坐标，起始纵坐标，宽度，高度

<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"></mce:script></head><body><div id="outer"><div class="jcExample"><div class="article"><h1>Jcrop - Event Handlers</h1><img src="demo_files/flowers.jpg" mce_src="demo_files/flowers.jpg" id="cropbox" /><form onsubmit="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 tiedseveral form values together with a simple event handler invocation.The result is that the form values are updated in real-time asthe 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>