<html lang="zh_CN">
<!--
<?php
print <<<EOT
-->
<head>
<meta charset="gb2312" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black"  />
<meta name="apple-mobile-web-app-capable" content="yes">
<title>图片裁剪</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="dist/cropper.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<form name="form1" method="post" action="">
<div style="max-width:640px; margin:10px auto;overflow:hidden;">
	<div class="img-container"><img src="$cutimg" alt="Picture"></div>
	<div style="display:none;">
		<button class="btn btn-primary" data-method="zoom" data-option="0.1" type="button" title="Zoom In">
			<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;zoom&quot;, 0.1)">
			  <span class="icon icon-zoom-in"></span>
			</span>
		</button>
		<button class="btn btn-primary" data-method="zoom" data-option="-0.1" type="button" title="Zoom Out">
			<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;zoom&quot;, -0.1)">
			  <span class="icon icon-zoom-out"></span>
			</span>
		</button> 
		<label class="btn btn-primary" data-method="setAspectRatio" data-option="1.7777777777777777" title="Set Aspect Ratio">
		<input class="sr-only" id="aspestRatio1" name="aspestRatio" value="1.7777777777777777" type="radio">
		<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;setAspectRatio&quot;, 16 / 9)">
		  16:9
		</span>
	  </label> 
		<label class="btn btn-primary" data-method="setAspectRatio" data-option="1.3333333333333333" title="Set Aspect Ratio">
		<input class="sr-only" id="aspestRatio2" name="aspestRatio" value="1.3333333333333333" type="radio">
		<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;setAspectRatio&quot;, 4 / 3)">
		  4:3
		</span>
	  </label>
	  <label class="btn btn-primary active" data-method="setAspectRatio" data-option="1" title="Set Aspect Ratio">
		<input class="sr-only" id="aspestRatio3" name="aspestRatio" value="1" type="radio">
		<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;setAspectRatio&quot;, 1 / 1)">
		  1:1
		</span>
	  </label>
	  <label class="btn btn-primary" data-method="setAspectRatio" data-option="0.6666666666666666" title="Set Aspect Ratio">
		<input class="sr-only" id="aspestRatio4" name="aspestRatio" value="0.6666666666666666" type="radio">
		<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;setAspectRatio&quot;, 2 / 3)">
		  2:3
		</span>
	  </label>
	  <label class="btn btn-primary" data-method="setAspectRatio" data-option="NaN" title="Set Aspect Ratio">
		<input class="sr-only" id="aspestRatio5" name="aspestRatio" value="NaN" type="radio">
		<span class="docs-tooltip" data-toggle="tooltip" title="$().cropper(&quot;setAspectRatio&quot;, NaN)">
		  Free
		</span>
	  </label>
  </div>
</div>
<div class="col-md-3" style="display:none;">
	<div class="docs-data">
	  <div class="input-group">
		<label class="input-group-addon" for="dataX">X</label>
		<input class="form-control" id="dataX" type="text" placeholder="x" name="x"/>
		<span class="input-group-addon">px</span>
	  </div>
	  <div class="input-group">
		<label class="input-group-addon" for="dataY">Y</label>
		<input class="form-control" id="dataY" type="text" placeholder="y" name="y"/>
		<span class="input-group-addon">px</span>
	  </div>
	  <div class="input-group">
		<label class="input-group-addon" for="dataWidth">Width</label>
		<input class="form-control" id="dataWidth" type="text" placeholder="width" name="rw"/>
		<span class="input-group-addon">px</span>
	  </div>
	  <div class="input-group">
		<label class="input-group-addon" for="dataHeight">Height</label>
		<input class="form-control" id="dataHeight" type="text" placeholder="height" name="rh" />
		<span class="input-group-addon">px</span>
	  </div>
	  <div class="input-group">
		<label class="input-group-addon" for="dataRotate">Rotate</label>
		<input class="form-control" id="dataRotate" type="text" placeholder="rotate">
		<span class="input-group-addon">deg</span>
	  </div>
	  <div class="input-group">
		<label class="input-group-addon" for="dataRotate">scale</label>
		<input class="form-control" id="datascale" type="text" value="100" placeholder="scale">
		<span class="input-group-addon">%</span>
	  </div>
	</div>
</div>
<style>
.SubMitBox{clear:both;text-align:center;padding:0 10px;width:100%;}
.submitbox{display:inline-block;position:relative;width:80px;height:35px;margin:auto;}
.submitbox span{display:inline-block;position:absolute;width:80px;border:#F30 solid 1px;background:#F60;line-height:35px;height:35px;text-align:center;color:#FFF;border-radius:5px;left:0;top:-1px;}
.submitbox input{width:80px;height:35px;filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;position:relative;cursor:pointer;}
.notcutimg{display:inline-block;width:80px;text-align:center;line-height:35px;height:35px;border:#666 solid 1px;background:#999;color:#FFF;border-radius:5px;}
.notcutimg1{display:inline-block;width:35px;text-align:center;line-height:35px;height:35px;border-radius:18px;}
.notcutimg2{background:blue url(ro1.png) center center no-repeat;background-size:25px 25px;}
.notcutimg3{background:blue url(ro2.png) center center no-repeat;background-size:25px 25px;}
.notcutimg1 span{filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;}
</style>
<div style="text-align:center;padding:10px;">
  <input type="hidden" name="action" value="cutimg">
  <input type="hidden" name="uploadfile" value="$cutimg">
  <input type="hidden" name="forsiteurl" value="$forsiteurl1">
  <a href="javascript:;rotate(-90)" class="notcutimg1 notcutimg2"><span>左旋</span></a>
  <a href="javascript:;rotate(90)" class="notcutimg1 notcutimg3"><span>右旋</span></a>
  <span class="submitbox"><span>确定剪切</span><input type="submit" class="submits" value="修改"/></span> <a href="$forsiteurl" class="notcutimg">不剪切</a>  
</div>
</form>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min1.js"></script>
<script src="dist/cropper.js"></script>
<script src="js/main1.js"></script>
<script>
function rotate(nums){
	$.get("$thisurl&action=rotate&rotate="+nums+"&"+Math.random(),function(d){
		window.location.href="$thisurl";
	});
}
function hide_cutimg(){
	if(self==top){
		window.self.close();
	}else{
		window.parent.hide_cutimg();
	}	
}
</script>
</body>
</html>
<!--
EOT;
?>
-->