类似功能如何实现？

Question

类似功能如何实现？大家有类似代码没 麻烦分享下！！！
如果是JQuery的不胜感激,100分相送！!

Answer 1

搜JQUERY按比例缩放图片应该有挺多的吧..

Answer 2

var x;   
var y;   
var prex;   
var prey;   
$(document).ready(function(){   
                    $("#layhandle").draggable({cursor:"move",containment:"#laycropper"});   
                    $("#layhandle").resizable({ handles: 'n, e, s, w' });//调整为四个方向改变   
                    document.onmousemove=getpos;   
                           });   
  
//获取有用坐标   
function getpos(){   
        /*var x=$("#layhandle")[0].offsetWidth-$("#layhandle")[0].clientLeft;//包括边框  
        var y=$("#layhandle")[0].offsetHeight-$("#layhandle")[0].clientTop;*/  
         x=$("#layhandle")[0].clientWidth;//获取可见部分宽度，去掉border   
         y=$("#layhandle")[0].clientHeight;//获取可见部分高度，去掉border   
        var parentx=$("#layhandle")[0].offsetLeft;//获取距离父元素的宽   
        var parenty=$("#layhandle")[0].offsetTop;//获取距离父元素的高   
        //alert($("#layhandle")[0].parentNode.clientWidth);   
        /*  
        rect(top,right,bottom,left)  
        **/  
        var rtop=parenty;   
        var rright=parentx+x;   
        var rbottom=parenty+y;   
        var rleft=parentx;   
        var rectt="rect("+rtop+"px,"+rright+"px,"+rbottom+"px,"+rleft+"px)";   
        $("#laycropper img").css("clip",rectt);//利用clip功能实现切割   
        createview();   
    }   
//生成一个按比例放大后的部分图像，显示在一个预览框里   
function createview(){   
        var bili=2;   
         prex=$("#layhandle")[0].clientWidth;//获取可见部分宽度，去掉border   
         prey=$("#layhandle")[0].clientHeight;//获取可见部分高度，去掉border   
        var parentx=$("#layhandle")[0].offsetLeft;//获取距离父元素的宽   
        var parenty=$("#layhandle")[0].offsetTop;//获取距离父元素的高   
        var rtop=parenty*bili;   
        var rright=(parentx+x)*bili;   
        var rbottom=(parenty+y)*bili;   
        var rleft=parentx*bili;   
        var rectt="rect("+rtop+"px,"+rright+"px,"+rbottom+"px,"+rleft+"px)";   
        $("#preview img").css("clip",rectt);   
    }  
额~~
这csdn的论坛bug了？怎么今天我看到了好多重复帖