HTML5画布拉链动画仿真脚本 - HTML5 Zipper

HTML5画布拉链动画仿真脚本 - HTML5 Zipper1677
这是一个简单的HTML5画布拉链动画仿真脚本,完全可定制的。颜色,背景和纹理可以应用。它可以作为一个很酷的开场或者欢迎动画。
调用方法和参数配置示例
			var backcolor = 'blue';
			var backImage = '';
			var lineColor = '#333333';   // default
			var toothFill = '#d1d3d4';  // default
			var pullFill = '#FFFFFF'; // default
			var CursorFill = '#999999';  // default
			var endingsFill = '#FFFFFF'; // default
			var autoOpen = false;
			var autoOpenSpeed = 100; // from 1 to 1000
			var noAnimation = false;
			var fadeOutAnimation = true;
			var moveOutAnimation = false;
			var fadeOutDelay = 1700; // milliseconds
			//var zipperHeight = 1000;
			
			$(function() {
				// INITIALIZATION ROUTINE
				if (backImage != '') { 
					var backObj = new Image();
					backObj.src = backImage;
					backObj.onload = function() {
						init();
						fillPattern = ctx.createPattern(backObj, "repeat");
					}
				} else {
					init();
				}
		});

也许你还喜欢