server/aspnetapp/wwwroot/lib/scale.js

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

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

(function(window, undefined){
	var document = window.document,
		support = {
			transform3d: ("WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix()),
			touch: ("ontouchstart" in window)
		};
		
	function getTranslate(x, y){
		var distX = x, distY = y;
		return support.transform3d ? "translate3d("+ distX +"px, "+ distY +"px, 0)" : "translate("+ distX +"px, "+ distY +"px)";
	}

	function getPage(event, page) {
		return support.touch ? event.changedTouches[0][page] : event[page];
	}

	var ImagesZoom = function(){};

	ImagesZoom.prototype = {
		// 给初始化数据
		init: function(param){
			var self   = this,
				params = param || {};
				
			var imgList   = document.querySelectorAll(params.elem + " img"),
				zoomMask  = document.querySelector(".imgzoom_pack"),
				zoomImg   = document.querySelector(".imgzoom_pack .imgzoom_img img"),
				zoomClose = document.querySelector(".imgzoom_pack .imgzoom_x"),
				imgSrc    = "";

			self.buffMove   = 3; //缓冲系数
			self.buffScale  = 2; //放大系数
			self.finger = false; //触摸手指的状态 false：单手指 true：多手指
			
			self._destroy();

			zoomClose.addEventListener("click", function(){
				zoomMask.style.cssText = "display:none";
				zoomImg.src = "";
				zoomImg.style.cssText = "";

				self._destroy();

				document.removeEventListener("touchmove", self.eventStop, false);
			}, false);

			for(var len=imgList.length,i=0; i<len; i++){
				imgList[i].addEventListener("click", function(){
					imgSrc = this.getAttribute("src");
					zoomMask.style.cssText = "display:block";
					zoomImg.src = imgSrc;

					zoomImg.onload = function(){
						zoomImg.style.cssText = "margin-top:-"+(zoomImg.offsetHeight/2)+"px";

						// 禁止页面滚动
						document.addEventListener("touchmove", self.eventStop, false);
						
						self.imgBaseWidth  = zoomImg.offsetWidth;
						self.imgBaseHeight = zoomImg.offsetHeight;