전자 서명 및 seal_jquery의 효과를 시뮬레이션하는 jQuery 플러그인 소스 코드

/*
    desc:jQuery模拟盖章
    author:hyf
    date:2012-11-08
*/ 
;$.fn.zSign = function (options) {
    var _s = $.extend({
        img: '',
        width: 120,
        height: 120,
        offset: 8,           //边界值
        callBack: null
    }, options || {});

    var _parent = $(this).addClass('zsign');
    var range = {
        minX: _s.offset,
        minY: _s.offset,
        maxX: _parent.width() - _s.width - _s.offset - 18,      //扣去2个padding=8px以及2个边框1px
        maxY: _parent.height() - _s.height - _s.offset - 18
    };

    var _btnPanel = $("").appendTo(_parent);
    var _html = "";

 
    var _add = $('.add', _btnPanel).click(function (e) {
        _add.attr('disabled', 'disabled');
        var sign = $(_html).appendTo(_parent);
        $('.ok', sign).click(function () {
           //确定盖章
            sign.addClass('ok ').off('mousedown').find('.btn').remove();
            _add.removeAttr('disabled');
           if (_s.callBack) {
              _s.callBack .call(this, { img: _s.img, top:parseInt(sign.css('top')), left:parseInt(sign.css('left')) });
          }
        } );
        $('.del', sign).click(function () {
           //取消盖章
           sign.remove();
           _add.removeAttr('disabled');
        });

        //결정 확정
        sign.on('mousedown', function (e) {
            sign.data('x', e.clientX);
            sign.data('y', e.clientY);
           var position = sign.position()
           $(document).on('mousemove', function (e1) {
var x = e1.clientX - sign.data('x') position.left;
                var y = e1.clientY - sign.data('y') position.top;
                x = x < 범위.minX ? 범위.minX : x;
                x = x > 범위.maxX? 범위.maxX : x;
                y = y < 범위.minY ? 범위.minY : y;
                y = y > 범위.maxY ? 범위.maxY : y;

                sign.css({ 왼쪽: x, 위쪽: y });
            }).on('mouseup', function () {
               $(this).off('mousemove').off('mouseup');
           });
        });
    });

    $('.cancel', _btnPanel).click(function () {
        var r = true;
        if (_add.attr('disabled') == 'disabled') {
            if (!confirm("未确결정된 盖章将被取消，确定要关闭吗?")) {
               r = false;       }
        if (r) {     });
};


[css]