X-Git-Url: http://git.osdn.net/view?a=blobdiff_plain;f=org%2Fw3c%2Fdom%2Fsmil.js;h=98a3e8185c48f35d5f0051c54f33d7a5b1d6246b;hb=10d8ac51ff374615967e14c29e14f88df9a0e515;hp=e21f2d9c07f428d09e4d5697b1185e022a2a00c9;hpb=9619997183601656c5af59ec17bfc0ddd26f86c6;p=sie%2Fsie.git

diff --git a/org/w3c/dom/smil.js b/org/w3c/dom/smil.js
index e21f2d9..98a3e81 100644
--- a/org/w3c/dom/smil.js
+++ b/org/w3c/dom/smil.js
@@ -105,18 +105,35 @@ base("$frame").mix ( {
   }
 } ).mix( function($frame) {
   $frame.up("$list").mix( {
-    /*開始時刻リスト (後述のupdateStateメソッドで使う)*/
+    /*終了時刻（単位フレーム数）のキャッシュとして使う*/
+    end: 0,
+    
+    /*開始時刻（単位フレーム数）リスト (後述のupdateStateメソッドで使う)*/
     beginList: { 
       next: null,
       value: Number.MAX_VALUE
     },
     
-    /*終了時刻リスト (後述のupdateStateメソッドで使う)*/
+    /*終了時刻（単位フレーム数）リスト (後述のupdateStateメソッドで使う)*/
     endList: {
        next: null,
        value: Number.MAX_VALUE
     },
     
+    addBeginList: function (num) {
+      return ( this.beginList = {
+                  value: num,
+                  next: this.beginList
+                } );
+    },
+    
+    addEndList: function (num) {
+      return ( this.endList = {
+                  value: num,
+                  next: this.endList
+                } );
+    },
+    
     /*引数に渡された時刻リストの中から、現在フレームf以下の、最大値を求めるメソッド
      * -1を返したときはリストの中にf以下の値がないことを示す*/
     getMaxList: function (f, list) {
@@ -151,6 +168,13 @@ base("$frame").mix ( {
     /*終了処理をした後の待機状態を示す定数*/
     POSTWAITING: 4,
     
+    /*初期化用メソッド*/
+    init: function() {
+      this.state = this.WAITING;
+      this.begin = 0;
+      return this;
+    },
+    
     /*引数で指定されたフレーム数に応じて、stateプロパティを更新するメソッド*/
     updateState: function( /*number*/ f) {
       if (f === void 0) {
@@ -162,32 +186,38 @@ base("$frame").mix ( {
           begin = /*this.BEGINNING*/ 1,
           play = /*this.PLAYING*/ 2,
           end = /*this.ENDING*/ 3,
-          post = /*this.POSTWAITING*/ 4,
-          isWait = (state === wait) || (state === post);
+          post = /*this.POSTWAITING*/ 4;
       /*beginListプロパティと、endListプロパティの中で、
        * 現在フレーム数 f より大きい数値は、更新できる条件と無関係なので、除外しておく
        * また、f以下の値の中から、最大値を探して、
-       * それをbeginプロパティと比較する*/
+       * それをbeginプロパティの値cacheBeginと比較する*/
       var startTime = this.getMaxList(f, this.beginList),
           endTime = this.getMaxList(f, this.endList),
           cacheBegin = this.begin;
-      if ( isWait && (startTime > cacheBegin) ) {
-        this.state = begin;
-        /*beginプロパティに開始時刻をキャッシュ用に保存*/
-        this.begin = startTime;
-      } else if (isWait && !f && !startTime) {
-        /*開始時刻が0ならば、アニメーションを開始*/
-        this.state = begin;
-      } else if (isWait) {
-        return this;
+      if ( (state === wait) || (state === post) ) {
+        if (startTime > cacheBegin) {
+          this.state = begin;
+          /*beginプロパティに開始時刻をキャッシュ用に保存*/
+          this.begin = startTime;
+        } else if (!startTime) {
+          /*開始時刻が0ならば、アニメーションを開始*/
+          this.state = begin;
+        }
       } else if (state === begin) {
-        this.state = play;
+        if (endTime >= cacheBegin) {
+          /*終了時刻にもう到達したときは、直接BEGINNING状態からENDING状態へ移行*/
+          this.state = end;
+          /*現時点を終了時刻とみなす*/
+          this.end = f;
+        } else {
+          this.state = play;
+        }
       } else if (state === play) {
         if ( (endTime >= cacheBegin) || (startTime > cacheBegin) ) {
           /*終了時刻に到達したか、再び開始イベントが発火されたとき*/
           this.state = end;
-        } else {
-          return this;
+          /*現時点を終了時刻とみなす*/
+          this.end = f;
         }
       } else if (state === end) {
         if (endTime >= cacheBegin) {
@@ -202,13 +232,61 @@ base("$frame").mix ( {
       }
       cacheBegin = startTime = endTime = void 0;
       return this;
+    },
+    
+    /*addEventメソッドで使われるイベントリスト（開始時に登録されたリスナー関数が呼び出される）*/
+    _beginListenerList: [],
+    
+    /*addEventメソッドで使われるイベントリスト（終了時に登録されたリスナー関数が呼び出される）*/
+    _endListenerList: [],
+    
+    /*addEventメソッドで使われるイベントリスト（再生時に登録されたリスナー関数が呼び出される）*/
+    _playListenerList: [],
+    
+    /*開始と再生と終了時に発火されるイベントリスナーを登録するメソッド*/
+    addEvent: function ( /*string*/ eventName, /*fnction*/ listener) {
+      var evtName = "_" +eventName+ "ListenerList";
+      /*プロトタイプ継承していた場合は新しく配列を作成*/
+      if (!this.hasOwnProperty(evtName)) {
+        this[evtName] = [];
+      }
+      this[evtName].push(listener);
+    },
+    
+    /*入力されたフレーム数fの場面に切り替えるメソッド*/
+    setFrame: function( /*number*/ f) {
+      this.currentFrame = f;
+      var state = this.updateState(f).state;
+      /*アニメーション開始と再生と、終了状態のときに、beginとplayとendイベントを呼び出しておいて、
+       * 次の状態(再生状態)に遷移する*/
+      if (state === /*this.PLAYING*/ 2) {
+        var list = this._playListenerList;
+        for (var i=0;i<list.length;++i) {
+          list[i](this);
+        }
+      } else if (state === /*this.BEGINNING*/ 1) {
+        list = this._beginListenerList;
+        for (var i=0;i<list.length;++i) {
+          list[i](this);
+        }
+        /*開始時刻と終了時刻が一致した場合はstateはENDING状態*/
+        state = this.updateState(f).state;
+      }
+      if (state === /*this.ENDING*/ 3) {
+        list = this._endListenerList;
+        for (var i=0;i<list.length;++i) {
+          list[i](this);
+        }
+        if (this.updateState(f).state === /*this.BEGINNING*/ 1) {
+          /*再生中にbeginイベントが呼び出された場合*/
+          this.updateState(f);
+        }
+      }
+      state = list = void 0;
     }
-  } );
-  
-  /*$endFrame オブジェクト
-   * 終了時の処理をするためのフレームを集める*/
-  $frame.up("$endFrame").mix( {
-    timelines: []
+  } ).mix( function() {
+    /*後述の$beginや$endで使うメソッド*/
+    this.addList = this.addBeginList;
   } );
    
   /*$begin オブジェクト
@@ -295,19 +373,17 @@ base("$frame").mix ( {
           event: str
         };
       }
-    },
+    }, 
     
-    /*parse メソッド
-     * stringプロパティを解析して、フレーム数を算出し、結果を$frame.beginプロパティに出力
+    /*_parse メソッド
+     * 引数の文字列を解析して、フレーム数を算出し、結果を$frame.beginプロパティに出力
      * また、イベントリスナーに登録をしておく*/
-    parse: function() {
-      /*初期値を設定*/
-      this.begin = 0;
-      this.isResolved = false;
-      var str = this.trim(this.string),
-          plusminus = str.search(/[\+\-]/),
+    _parse: function (str) {
+      var plusminus = str.search(/[\+\-]/),
           event = null,
-          ele;
+          ele,
+          /*endListのvalueプロパティには、活動継続フレーム数と開始フレーム数を足したものが入る*/
+          endList = this.$list.addEndList(Number.MAX_VALUE);
       if (str === "indefinite") {
         this.begin = Number.MAX_VALUE;
       } else if (plusminus > 0) {
@@ -330,47 +406,76 @@ base("$frame").mix ( {
       this.begin = Math.floor( this.begin * this.fpms);
       if (str === "indefinite") {
         /*begin属性の値がindefiniteの場合は、何もしない。
-         * 開始時刻はlistenerメソッドの呼び出しか、beginElementメソッドに依存*/
+         * 開始時刻はbeginElementメソッドに依存*/
       } else if (event) {
         ele = event.id ? this.eventTarget.ownerDocument.getElementById(event.id)
                         : this.eventTarget;
-        /*イベントの時間差を設定しておく*/
-        this.eventOffset = this.begin;
+        /*イベントの時間差を設定しておく
+         * eventOffsetとobjListの変数はクロージャとしてlistener関数で使われる*/
+        var eventOffset = this.begin,
+            /*objListのvalueプロパティはあとで書き換えられる（イベントの場合のみ）*/
+            objList = this.$list.addList(Number.MAX_VALUE),
+        /*イベントのリスナーとして使う*/
+            listener = function(evt) {
+              objList.value = this.begin = eventOffset + base("$frame").currentFrame;
+              endList.value = this.begin + this.activeTime;
+              this.isResolved = true;
+            };
+        this.eventOffset = eventOffset;
         if (this.repeat > 0) {
           ele && ele.addEventListener("repeatEvent", (function(evt) {
             if (evt.detail === this.repeat) {
-              this.listener(evt);
+              listener.call(this, evt);
             } }).bind(this), true);
         } else if (this.accessKey) {
           document.documentElement.addEventListener("keydown", (function(evt) {
             if (evt.char === this.accessKey) {
-                this.listener(evt);
+                listener.call(this, evt);
               } }).bind(this), false);
         } else {
           var evtName = /^(?:begin|end|repeat)$/.test(event.event) ? event.event + "Event"
                           : event.event;
-          ele && ele.addEventListener(evtName, this.listener.bind(this), false);
+          ele && ele.addEventListener(evtName, listener.bind(this), false);
         }
       } else {
-        /*イベントの影響を防ぐため
-         * すでに、フレームオブジェクトのタイムラインには登録済みなので、
-         * フレームではなく、自分独自のタイムラインに登録しておけばよい*/
-        this.$frame = this;
+        /*開始リストに登録しておく（$endの場合は終了リストに登録）*/
+        this.$list.addList(this.begin);
+        /*活動継続時間から算出される終了フレーム数は、終了リストに入れておく*/
+        endList.value = this.begin + this.activeTime;
       }
       s = event = str = plusminus = ele = void 0;
+    },
+    
+    /*stringプロパティを解析して、
+     * 開始フレーム数の算出や、イベントリスナーの登録をするメソッド*/
+    parse: function() {
+      /*初期値を設定*/
+      this.begin = 0;
+      this.isResolved = false;
+      var str = this.trim(this.string);
+      if (str.indexOf(";") > -1){
+        /*;で区切られたリストを一つずつ解析*/
+        var list = str.split(";");
+        for (var i=0;i<list.length;++i) {
+          this._parse(list[i]);
+        }
+      } else {
+        this._parse(str);
+      }
+      s = str = void 0;
       return this;
     },
     
-    /*イベントのリスナーとして、parseメソッドで使う*/
-    listener: function(evt) {
-      this.begin = this.eventOffset + this.$frame.currentFrame;
-      var s = this.$activate;
-      s.begin = this.begin;
+    /*$listと$activateオブジェクトを更新して、活動継続時間を求めるメソッド*/
+    updateList: function() {
+      this.$list = this.$list.up();
+      /*beginとend属性を考慮に入れないで、活動継続時間を求める*/
+      var s = ( this.$activate = this.$activate.up() );
+      /*$endオブジェクトに付属している$listプロパティを更新したものと一致させておく*/
+      s.end && (s.end.$list = this.$list);
       this.activeTime = s.call() || Number.MAX_VALUE;
       this.simpleDuration = s.simpleDur;
-      s = void 0;
-      this.$frame.addLine(this);
-      this.isResolved = true;
+      return this;
     }
     
   /*$activate オブジェクト
@@ -412,6 +517,7 @@ base("$frame").mix ( {
     
     /*関数型の呼び出しメソッド
      * base.jsのofメソッドを活用して活動継続時間を算出
+     * ただし、begin属性とend属性については、別途、$frame.$listで定める
      * 計算方法はSMILアニメーション 3.3.4節を参照
      * http://www.w3.org/TR/smil-animation/#ComputingActiveDur
      */
@@ -420,9 +526,7 @@ base("$frame").mix ( {
           dur = this.simpleDur,
           isIndefRepeatCount = (this.repeatCount === ind),
           isIndefRepeatDur = (this.repeatDur === ind),
-          isIndefEnd = (this.end === ind),
           isDur = dur || (dur === 0),
-          isEnd = this.end || (this.end === 0),
           isRepeatCount = this.repeatCount || (this.repeatCount === 0),
           isRepeatDur = this.repeatDur || (this.repeatDur === 0),
           actList = [],
@@ -443,22 +547,15 @@ base("$frame").mix ( {
       if (isRepeatDur && !isIndefRepeatDur) {
         actList.push( Math.floor( this.offset(this.repeatDur) * this.fpms) );
       }
-      if (isEnd && !isIndefEnd) {
-        actList.push( this.end - this.begin );
-      }
       if (isDur && !isRepeatCount && !isRepeatDur) {
         /*repeatCountやrepeatDur属性が指定されていない場合*/
         actList.push( dur );
       }
 
       /*長くなるため、インライン関数を活用
-       * indef関数は活動継続時間が不定かどうか、もし、不定なら真を返す*/
+       * indef関数はbeginとend属性を考慮せずに、
+       * 活動継続時間が不定かどうか、もし、不定なら真を返す*/
       function indef() {
-        if(isIndefEnd) {
-          return true;
-        } else if (isEnd) {
-          return false;
-        }
         return !!( (!isDur && !isRepeatDur)
                    || (isIndefRepeatCount && !isRepeatDur)
                    || (isIndefRepeatDur && !isRepeatCount)
@@ -489,26 +586,15 @@ base("$frame").mix ( {
       if (!this.string) {
         return null;
       }
+      /*addListメソッドには、addBeginList関数が入っているはずなので、それを一時的に変更する*/
+      this.$list.addList = this.$list.addEndList;
       this.parse(this.string);
+      this.$list.addList = this.$list.addBeginList;
       return this.isResolved ? this.begin
                              : "indefinite";
     }
   } ).mix( {
-    /*イベントリスナー用の関数*/
-    listener: function(evt) {
-      if (this.begin <= 0) {
-        /*強制的に終了させる*/
-        this.removeLine(this.$begin);
-      }
-      this.begin = this.eventOffset + this.$frame.currentFrame;
-      var s = this.$begin.$activate;
-      s.end = this.begin;
-      /*未解決だったendの値が、イベントの発生により、解決して再定義されたとき、
-       * $activateオブジェクトを使って活動継続時間を再計算する*/
-      this.$begin.activeTime = s.call();
-      this.isResolved = true;
-      s = void 0;
-    }
+    $list: $frame.$begin.$list.up()
   } );
 } );
 /*$from オブジェクト
@@ -954,6 +1040,32 @@ base("$calcMode").up("$attribute").mix( {
     }
     return s;
   },
+  
+  /*repeatイベントの発火時刻リスト
+   * setSmilEventメソッドを見よ*/
+  _repeatList: [],
+  
+  /*SMILイベント関連を発火させるためのメソッド
+   * もっぱら、push メソッドで使われる*/
+   setSmilEvent: function($list) {
+    var detail = 0;
+    $list.addEvent("begin", function($list) {
+        var target = this._ele;
+        /*IE11のために、MouseEventsでSMILEventsの代用をする*/
+        var evt = target.ownerDocument.createEvent("MouseEvents");
+        evt.initMouseEvent("beginEvent" ,true, true, window, detail, 0, 0, 0, 0, false, false, false, false, 0, target);
+        target.dispatchEvent(evt);
+        /*repeatイベントのために、_repeatListプロパティを初期化する*/
+        var list = this._repeatList = [],
+            simpleDuration = this.timeline.simpleDuration;
+      }.bind(this) );
+    $list.addEvent("end", function() {
+        var target = this._ele;
+        var evt = target.ownerDocument.createEvent("MouseEvents");
+        evt.initMouseEvent("endEvent" ,true, true, window, detail, 0, 0, 0, 0, false, false, false, false, 0, target);
+        target.dispatchEvent(evt);
+      }.bind(this) );
+   },
 
   /*引数で指定した要素 ele の属性を解析して、フレームに追加する*/
   push: function(/*Element Node*/ ele) {
@@ -1030,35 +1142,37 @@ base("$calcMode").up("$attribute").mix( {
                     min: this.getAttr("min", "0"),
                     max: this.getAttr("max", "indefinite")
                   } )
-                } ).parse();
-    frame.$activate.end.$begin = frame;
+                } ).updateList().parse();
+    $frame.addLine(frame.$list.init());
+    
     /*beginElementメソッドを追加*/
-    function eleMethod (obj, eventName) {
-      return (obj.string !== "indefinite") ? function(){}
+    var objList = frame.$list.addList(Number.MAX_VALUE),
+        /*endListのvalueプロパティには、活動継続フレーム数と開始フレーム数を足したものが入る*/
+        endList = frame.$list.addEndList(Number.MAX_VALUE);
+    ele.beginElement = (frame.string !== "indefinite") ? function(){}
                         : function() {
-                            obj.listener( {
-                              /*アニメーションの開始をこのメソッドが呼ばれた時点とする*/
-                              timeStamp: Date.now()
-                            } );
+                            objList.value = frame.begin = base("$frame").currentFrame;
+                            endList.value = frame.begin + frame.activeTime;
+                            frame.isResolved = true;
                             var evt = this.ownerDocument.createEvent("MouseEvents");
-                            evt.initMouseEvent(eventName + "Event" ,true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, this);
+                            evt.initMouseEvent("beginEvent" ,true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, this);
                             this.dispatchEvent(evt);
                           };
-    };
-    ele.beginElement = eleMethod(frame, "begin");
     /*endElementメソッドを追加*/
-    ele.endElement = eleMethod(frame.$activate.end, "end");
-    if (frame.isResolved) {
-      /*開始時間が初期化されてしまうのを防ぐ*/
-      var cacheBegin = frame.begin;
-      frame.listener( {
-        /*アニメーションの開始をこのメソッドが呼ばれた時点とする*/
-        timeStamp: Date.now()
-      } );
-      frame.begin = cacheBegin;
-    }
+    var endFrame = frame.$activate.end || {};
+    ele.endElement = (endFrame.string !== "indefinite") ? function(){}
+                        : function() {
+                            if (frame.isResolved) {
+                              endList.value = frame.begin + frame.activeTime;
+                              endFrame.isResolved = true;
+                              var evt = this.ownerDocument.createEvent("MouseEvents");
+                              evt.initMouseEvent("endEvent" ,true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, this);
+                              this.dispatchEvent(evt);
+                            }
+                          };
     /*setFrameメソッドを使ったときの、再帰スタックの使いすぎを防ぐため*/
     frame.timelines = [];
+    this.setSmilEvent(frame.$list);
     begin = ele = void 0;
     return frame;
   },
@@ -1218,46 +1332,17 @@ base("$calcMode").up("$attribute").mix( {
   to: "",
   
   /*initメソッドで使われるアニメーション関数*/
-  _setFrame: function (frame) {
-    this.state = "playing";
+  _setFrame: function ($list) {
     this.setAttribute(this.to);
   },
   
-  /*アニメーション中かどうかの判別
-   * 1, idling アニメがまだ始まっていない待機状態 (規定値)
-   * 2, playing アニメーションの再生中
-   */
-  state: "idling",
-  
   /*開始を設定されたタイムライン ($beginオブジェクト)*/
   timeline: base("$frame").$begin,
   
-  /*_setEndFrameメソッドで終了処理をさせたいときに、呼び出されるメソッド
-   * 終了処理が必要なときだけ、trueを返す*/
-  checkEnd: function (frame) {
-    var line = this.timeline,
-        end = line.begin + line.activeTime;
-    if (!line.isResolved || isNaN(end)) {
-      /*未解決など問題が発生したとき*/
-      line = frame = void 0;
-      return false;
-    } else if (
-          ( ( frame < line.begin ) || ( end <= frame )
-          ) && (this.state === "playing") ) {
-      /*stateプロパティを書き換えることで、一度のみ、終了処理させる*/
-      this.state = "idling";
-      line = frame = void 0;
-      return true;
-    } else {
-      line = frame = void 0;
-      return false;
-    }
-  },
-  
   /*アニメが終了した際の後処理*/
-  _setEndFrame: function (frame) {
+  _setEndFrame: function ($list) {
     /*removeの場合、アニメーションを凍結せずに、もとに戻す*/
-    if (this.checkEnd(frame) && (this.fill === "remove")) {
+    if (this.fill === "remove") {
       this.removeAttribute();
     }
   },
@@ -1275,22 +1360,13 @@ base("$calcMode").up("$attribute").mix( {
     var thisele = this.element;
     if (line && thisele) {
       this.timeline = line;
-      /*ラインの中に、属性処理をするためのラインを追加*/
-      line.addLine(
-       { setFrame: this._setFrame.bind(this),
-         begin: 1,
-         activeTime: 1
-       }
-      );
-      base("$frame").$endFrame.addLine(
-        { setFrame: this._setEndFrame.bind(this),
-          begin: 1,
-          activeTime: 1
-        }
-      );
+      /*$begin.$listのイベントに属性処理を追加*/
+      line.$list.addEvent("begin", this._setFrame.bind(this));
+      line.$list.addEvent("play", this._setFrame.bind(this));
+      line.$list.addEvent("end", this._setEndFrame.bind(this));
+      /*アニメーションが再起動する可能性もあるため、$listのstateプロパティはここで初期化*/
+      line.$list.state = line.$list.WAITING;
     }
-    /*アニメーションが再起動する可能性もあるため、stateプロパティはここで初期化*/
-    this.state = "idling";
     line = thisele = void 0;
   }
 }).up("$animateElement").mix( {
@@ -1323,7 +1399,8 @@ base("$calcMode").up("$attribute").mix( {
     return "";
   },
   
-  _setFrame: function(currentTime) {
+  _setFrame: function($list) {
+    var currentFrame = $list.currentFrame;
     /*durationは単純継続時間
      *advanceは継続時間内での、進捗率
      * 　仕様を参照　http://www.w3.org/TR/smil-animation/#AnimFuncValues
@@ -1335,19 +1412,16 @@ base("$calcMode").up("$attribute").mix( {
         /*単純継続時間が不定の場合、補間はせずに初期値が採用されるため、advanceは0となる
          * 仕様を参照　SMIL Animation 3.2.2. Animation function values のInterpolation and indefinite simple durations
          * http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AnimFuncValues*/
-        advance = duration ? ( (currentTime - line.begin) % duration ) / duration
+        advance = duration ? ( (currentFrame - $list.begin) % duration ) / duration
                     : 0;
     this.setAttribute(this.tocall(advance));
-    this.state = "playing";
     line = duration = advance = void 0;
   },
   
-  /*_setEndFrameメソッドは、終了処理と凍結作業をするときに、falseを返す*/
-  _setEndFrame: function(frame) {
+  /*_setEndFrameメソッドは、終了処理と凍結作業をする*/
+  _setEndFrame: function($list) {
+    var frame = $list.currentFrame;
     /*上書きされたメソッドを呼び出してアニメーションの凍結作業をする*/
-    if (!this.checkEnd(frame)) {
-      return;
-    }
     if (this.fill === "freeze") {
       var line = this.timeline,
           duration = line.simpleDuration;
@@ -1702,7 +1776,8 @@ base("$calcMode").up("$attribute").mix( {
    /*後の_setFrameメソッドで使うダミー*/
    __setAttribute: function(){},
    
-   _setFrame: function(currentFrame) {
+   _setFrame: function($list) {
+    var currentFrame = $list.currentFrame;
      /*__transformListの中で、自分より後の項目に再生中のものがあれば、
       *アニメーションを再生させないで、後に続く項目に任せる*/
      var list = this.element.__transformList,
@@ -1724,9 +1799,9 @@ base("$calcMode").up("$attribute").mix( {
      this.$animateElement._setFrame.call(this, currentFrame);
    },
    
-   _setEndFrame: function(currentFrame) {
+   _setEndFrame: function($list) {
      var list = this.element.__transformList;
-     if (!this.checkEnd(currentFrame) || (this.fill !== "remove") || !list) {
+     if ((this.fill !== "remove") || !list) {
        return;
      }
      if (!this.isSum) {
@@ -1983,7 +2058,7 @@ base("$frame").up("$svgEvent").mix( {
         floor = Math.floor;
     while(obj) {
       var frame = obj.frame,
-          target = obj.target
+          target = obj.target,
           detail = 0;
       if (frame <= num) {
         /*IE11ではSVGEventsやDOMEventsを使うと問題が起きるため、MouseEventsで代用する*/
@@ -2086,7 +2161,6 @@ if (!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Anim
           frame++;
           try {
             $f.setFrame(frame);
-            $f.$endFrame.setFrame(frame);
           } catch(e) {
           }
           _cancel.handle = requestAnimationFrame(step);