利用javascript剪裁图片(也许优快云也是如此实现图像上传剪裁)

javascript代码:

function onCutPic(){

  //显示的部分左上角: (10, 50), 右下角:(100, 80)
  cutPicture(document.getElementById("cutPic"), 10, 100, 80, 50);
}

 

html代码:

  <div id="cutPic" style="position:absolute; visibility:visible; left:600px; top:0px;">
    <img onMouseOver="onCutPic()" src="pic.jpg" width=161 height=143 style="clip:rect(0, 0, 0, 0)"></img>
  </div>