]> source.dussan.org Git - svg.js.git/commitdiff
Found and started fixing an error with the Timeline.schedule function
authorSaivan <savian@me.com>
Mon, 10 Sep 2018 09:40:50 +0000 (19:40 +1000)
committerSaivan <savian@me.com>
Mon, 10 Sep 2018 09:40:50 +0000 (19:40 +1000)
This commit finds an error in the scheduling duration that we need to fix.

dirty.html
src/timeline.js

index db16942ee6bb21e460ce6060eb8edc6eea4581b9..ab9e3c869986542734be7b5c077bb74924373b12 100644 (file)
@@ -300,25 +300,25 @@ let r = canvas.rect(200, 400).move(100, 100)
   .transform({ tx: 300, ty: 500, origin: 'top-left' })
 
 // Normal usage
-let wait = 500
-let rAnim = r.clone().attr('fill', 'red').animate(wait)
+let wait = 1000
+let rAnim = r.clone().attr('fill', '#f00').animate(wait).attr('fill', '#0f0')
 let rDecl = r.clone().attr('fill', 'blue').animate(new SVG.Spring(wait, 15))
 
 // Move once
 setTimeout(() => {
   let trans = {tx: 500, ty: 300}
   r.transform(trans, true)
-  rAnim.animate(wait).transform(trans, true)
-  rDecl.transform(trans, true)
+  rAnim.animate(wait, 0, 'start').transform(trans, true)
+  //rDecl.transform(trans, true)
 }, wait)
 
 // Move again
-setTimeout(() => {
-  let trans = {rotate: 300}
-  r.transform(trans, true)
-  rAnim.animate(wait).transform(trans, true)
-  rDecl.transform(trans, true)
-}, wait)
+// setTimeout(() => {
+//   let trans = {rotate: 300}
+//   r.transform(trans, true)
+//   rAnim.animate(wait).transform(trans, true)
+//   //rDecl.transform(trans, true)
+// }, 1.5 * wait )
 
 
 
index ee728245b8b6fd05a91a75dfd69a0f913f77dbc5..a7e0cd3f5c1e9f8a30b17b9fc5ca3c83ea3d4c49 100644 (file)
@@ -104,7 +104,6 @@ SVG.Timeline = SVG.invent({
       // manage runner
       runner.unschedule()
       runner.timeline(this)
-      runner.time(-absoluteStartTime)
 
       // save startTime for next runner
       this._startTime = absoluteStartTime + runner.duration()