<div id="avatar_box" class="mui-page">
  <div class="mui-navbar-inner mui-bar mui-bar-nav oe_top_line">
    <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left oe_font_white" style="display:none;">
      <span class="mui-icon mui-icon-left-nav"></span>
    </button>
    <h1 class="mui-center mui-title">裁剪头像</h1>
  </div>
  <div class="mui-page-content">
    <input type="hidden" id="x1" name="x1" value="" />
    <input type="hidden" id="y1" name="y1" value="" />
    <input type="hidden" id="w" name="w" value="" />
    <input type="hidden" id="h" name="h" value="" />
    <input type="hidden" id="userImage_code" name="userImage_code" value="" />
    <input type="hidden" id="userImage_width" name="userImage_width" value="" />
    <input type="hidden" id="userImage_height" name="userImage_height" value="" />
    <div class="mui-scroll-wrapper">
      <div class="profile_cut">
        <div id="imgBox" style="width:300px;height:500px;">
          <img id="userImage_id" width="130" height="169" src="<!--{$wapskin}-->images/head.png" />
        </div>
        <div class="btn">
          <p class="p_1">
            <button type="button" id="scaleX_id" class="mui-btn btn_2">
              <span class="iconfont icon-jiantou1"></span>
              <em>左右变换</em>
             </button>
            <button type="button" id="scaleY_id" class="mui-btn btn_3">
              <span class="iconfont icon-jiantou-chui"></span>
              <em>上下变换</em>
            </button>
            <button type="button" id="rotateMax_id" class="mui-btn btn_4">
              <span class="iconfont icon-rot"></span>
              <em>旋转90°</em>
            </button>
          </p>
          <p class="p_2">
            <button type="button" class="mui-btn btn_1 current" f="but_cancel_cut" id="but_cancel_cut"><span class="iconfont icon-cuohao"></span></button>
            <label>裁剪头像</label>
            <button type="button" class="mui-btn btn_5 current" f="but_submit_cut" id="but_submit_cut"><span class="iconfont icon-iconset0125"></span></button>	
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--//intro_box End -->
<script type="text/javascript">
$(function(){
  //初始化 imgbox大小
    $box_w = WIN_WIDTH;
    $box_h = (parseInt(WIN_HEIGHT)-154);
    $(".profile_cut").css({"height":(WIN_HEIGHT-44)+"px"});
    $("#imgBox").css({"with":$box_w+"px", "height":$box_h+"px"});
});
</script>