このウェブサイトのコードで遊んでいます
そして今、私がやりたいことは、遷移が完了したときにリッスンして、別の遷移を順番に開始できるようにすることです。例えば...
import "dart:html";
num rotatePos = 0;
void main() {
query("#buttonRotate").onClick.listen(rotateElement);
}
void rotateElement(Event e) {
rotatePos += 360;
Element element = e.target;
element.style.transition = "1s";
element.style.transform = "rotate(${rotatePos}deg)";
//Thank you for the help, here is my code for anyone else having
//questions about this...
element.onTransitionEnd.listen(transitionFinished);
}
void transitionFinished(Event e) {
query("#text").text = "Event Finished!";
}
次に、変換または遷移が完了したときにリッスンを設定するにはどうすればよいでしょうか? それとも、単にこれを間違った方法で行っているのでしょうか? 基本的に、私が最終的にやりたいことは、一連のトランジションを順番に再生し、アニメーションを一時停止して続行できるようにすることです。animationEvent クラスを使用する必要があるのではないかと思いましたが、これまでに見つけた例ではキャンバスでこれを使用しているようで、dom 要素のみをアニメーション化したいと考えています。