【求推荐】JQuery在线截取图片

 前几天看织梦CMS,有个截图功能挺好的,可以在线选取需要截取的部分图片,然后后台截取
效果如下

免费下载地址:http://download.csdn.net/detail/a66081638/5258859
博客详细介绍地址:http://blog.csdn.net/a66081638/article/details/8802470 (求留言,求首页)

首先构建文档,样式
PS:这里就不写了 大家可以去博客里面看
JavaScript的编写

var x, y;

        var old_position = {};

        var offset = {};

        $(document).ready(hide);

        function hide() {

            //选择层半透明 效果酷一点

            $("#div_caijian").fadeTo("slow", 0.5);

            //选择层移动事件

            $("#div_caijian").mousedown(function (e) {

                //获取当前选择层的相对坐标(与PageX,PageY不同clientX,clientY是相对坐标 如果有滚动条值也会不同)

                old_position = { X: e.clientX, Y: e.clientY };

                //获取当前选择层的偏移量

                offset = $("#div_caijian").offset();

                //修改选择层背景色

                $("#div_caijian").css({ "background-color": "White" });

                //获取相对坐标与偏移量的相差值

                var x1 = e.clientX - offset.left;

                var y1 = e.clientY - offset.top;

                //绑定鼠标移动事件

                $("#div_caijian").mousemove(function (k) {

                    //获取移动后的偏移量

                    offset = $("#div_caijian").offset();

                    //限制选择层只能在固定的区域移动,限制X最小值

                    if ((k.clientX - x1 - 73) <= 0) {

                        k.clientX = 73 + x1;

                    }

     &n