suchen

Heim >Web-Frontend >js-Tutorial >Parabolische Animation in React implementiert

Parabolische Animation in React implementiert

不言
不言Original
2018-07-14 09:23:341628Durchsuche

Dieser Artikel stellt hauptsächlich die von React implementierte Parabolanimation vor, die einen gewissen Referenzwert hat. Jetzt kann ich sie mit allen teilen. Freunde in Not können sich darauf beziehen

Eine einfache und universelle React-Parabolanimation

Verwendung

import { parabola } from "./parabola"

...

onAnimate = () => {
  const config = {
    ballWrapper: this.$wrapper, //小球的父容器
    origin: this.$origin, //动画起点DOM
    target: this.$target, //动画目标DOM
    time: 600, //[可选]持续时间
    a: 0.02, //[可选]抛物线参数
    callback: this.updateLocation, //回调函数
    finish: animationDone, //[可选]动画完成执行函数
    offset: 8 //[可选]动画尺寸
  }
  parabola(config)
}
  
...

Einfacher Versuch der Parabelmethode

Parabolische Animation in React implementiert

Das Obige ist der gesamte Inhalt dieses Artikels, Ich hoffe, es wird für alle hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Das obige ist der detaillierte Inhalt vonParabolische Animation in React implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php mongodb
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So erstellen Sie mit Vue+Mock.js eine Front-End-unabhängige EntwicklungsumgebungNächster Artikel：So erstellen Sie mit Vue+Mock.js eine Front-End-unabhängige Entwicklungsumgebung

In Verbindung stehende Artikel

Mehr sehen