settings pass

README.md

@@ -123,9 +123,14 @@ myAnimation.resume();
 ```
 
 **Set**<br>
-*set path* - sets path position, second param accepts a number between 0 - 1;
+*set path* - set options after initialisation 
 ```js
-myAnimation.set(num);
+// progress - sets path position, second param accepts a number between 0 - 1
+myAnimation.set('progress', value);
+
+// delay - sets initial delay
+myAnimation.set('delay', value);
+
 ```
 
 **Get**<br>

examples/callbacks.html

@@ -31,9 +31,8 @@
 							strokeWidth: 7,
 							strokeCap :'round',
 							strokeColor : '#b5287b', 
-							ease: 'easeInOutQuad',
-							drawSequential: true,
-							delay: 1000
+							//ease: 'easeInOutQuad', 
+							//delay: 1000
 						});
 
 

examples/css/common.css

@@ -13,20 +13,14 @@ body {
 
 * {
 	box-sizing: border-box;
-
 	user-select: none;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-	-ms-user-select: none;
 }
 
 .content {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 35%;
-	-ms-transform: translate(-50%,-50%); /* IE 9 */
-   	-webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
     transform: translate(-50%,-50%);
 }
 

examples/get.html

@@ -75,7 +75,8 @@
 							strokeWidth: 8,
 							strokeColor: '#b5287b',
 			            	ease: 'easeInOutSine',
-							drawSequential: true
+							drawSequential: true,
+							delay: 1000
 						});
 
 

examples/set.html

@@ -47,8 +47,8 @@
 
 						function step(timestamp) {
 							window.requestAnimationFrame(step);
-							position +=  (target - position) * friction;
-							myAnimation.set(position);
+							position += (target - position) * friction;
+							myAnimation.set('progress', position);
 						}
 
 						window.requestAnimationFrame(step);