Spec-Zone.ru › Dart 2

dart:html

Метод animate

  1. @SupportedBrowser(SupportedBrowser.CHROME, '36')
Animation animate(
  1. Iterable<Map<String, dynamic>> frames,
  2. [dynamic timing]
)
@SupportedBrowser(SupportedBrowser.CHROME, '36')

Создает новый объект AnimationEffect, целевым элементом которого является объект, на котором вызывается метод, и вызывает метод play() объекта AnimationTimeline временной шкалы документа узла элемента, передавая только что созданный AnimationEffect в качестве аргумента методу. Возвращает Animation для эффекта.

Примеры

var animation = elem.animate([{"opacity": 75}, {"opacity": 0}], 200);

var animation = elem.animate([
  {"transform": "translate(100px, -100%)"},
  {"transform" : "translate(400px, 500px)"}
], 1500);

Параметр frames представляет собой Iterable, где записи карты задают эффекты анимации CSS. Параметр timing может быть числом с плавающей запятой, представляющим количество миллисекунд для перехода, или картой с полями, соответствующими полям объекта timing.

Реализация

@SupportedBrowser(SupportedBrowser.CHROME, '36')
Animation animate(Iterable<Map<String, dynamic>> frames, [timing]) {
  if (frames is! Iterable || !(frames.every((x) => x is Map))) {
    throw new ArgumentError("The frames parameter should be a List of Maps "
        "with frame information");
  }
  var convertedFrames;
  if (frames is Iterable) {
    convertedFrames = frames.map(convertDartToNative_Dictionary).toList();
  } else {
    convertedFrames = frames;
  }
  var convertedTiming =
      timing is Map ? convertDartToNative_Dictionary(timing) : timing;
  return convertedTiming == null
      ? _animate(convertedFrames)
      : _animate(convertedFrames, convertedTiming);
}

© 2012 the Dart project authors
Licensed under the BSD 3-Clause "New" or "Revised" License.
https://api.dart.dev/stable/2.18.5/dart-html/Element/animate.html

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API