Cat.Web/Cat.Admin.Web/wwwroot/lib/stamper/jquery.stamper.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*
 * Title：在网页上模拟现实中的盖章效果的JQuery插件
 * Author：铁木箱子
 * Email：biqiang.ma@gmail.com
 * Version：0.2
 * 
 */
(function($) {
	$.fn.stamper = function(options) {
		var opts = $.extend({
			scale : 5, // 图片初始大小，在原始图片大小上的倍数
			speed : 600 // 动画持续时间，单位毫秒
		}, options);
		
		this.each(function(index) {
			var target = $(this);
			var imgId = target.attr("data-stamper-img-id");
			if (!imgId) {
				imgId = "jquery_stamper_img_" + (new Date().getTime()) + "_" + index;
				target.attr("data-stamper-img-id", imgId);
			}
			var img = new Image();
			img.src = opts.image;
			img.onload = function() {
				var orgiCoor = getImageCoordinate(target, img);
				var initCoor = getStartCoordinate(target, img, opts.scale);
				var imgObj = getImageElement(imgId).attr("src", img.src)
					.css({
					    position: "fixed",
						opacity : "0",
						//left: initCoor.x + "px",
                        right:'30px',
						top : initCoor.y - 70 + "px",
						width : initCoor.w + "px",
						height: initCoor.h + "px",
                        'z-index':2222
					})
					.show()
					.animate({
					    opacity: "1",
					    right: '30px',
						//left : orgiCoor.x + "px",
					    top: orgiCoor.y +10 + "px",
						width : orgiCoor.w + "px",
						height : orgiCoor.h + "px"
					}, opts.speed, opts.complete);
			};
		});
	};
	
	/** 获取img的DOM对象 **/
	function getImageElement(id) {
		var img = $("#" + id);
		if (img.length == 0) {
			return $("<img id=\"" + id + "\" />").appendTo($(document.body)).hide();
		} else {
			return img.hide();
		}
	}