問題タブ [bodymovin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Bodymovin JS によるマウスオーバー イベント
After Effects からエクスポートされた SVG にマウスオーバー イベントを追加しようとしています。で SVG を再生したいと思いmouseover
ます。これまでのところ、animation-play-state
属性をいじってみましたが、うまくいきませんでした。また、スクリプトで使用onmouseover
してみましたが、イベントリスナーを追加しようとしましたmouseover
が、まだ何もありません。私は何を間違っていますか?
javascript - マウスを離すとアニメーション JS を逆再生します。
うまく機能するコードがあります。私が気に入らないのは、マウスを離すとアニメーションが急激に停止することです。それはよくありません。私はいくつかのアイデアを得ました:
- その「停止」をよりスムーズでユーザーフレンドリーにするにはどうすればよいですか?
マウスリーブ後に「リバースプレイ」を行うにはどうすればよいですか? (マウスを離した後、ブレークダウン ポイントから逆方向のアニメーションを再生)
/li>
javascript - bodymovin.js でイベントを使用する方法
これは答えるのが非常に簡単な質問だと思うので、私の無知を前もってお詫びしますが、行き詰まっています。
bodymovin を使用して、Web サイトで SVG アニメーションを再生しています。onComplete イベントを使用して、アニメーションの完了時に関数をトリガーしたいのですが、コーディング方法がわかりません。
私はもう試した
と
Bodymovin ドキュメント - https://github.com/bodymovin/bodymovin#events
javascript - bodymovin アニメーションが完了したかどうかを確認する方法は?
アニメーションが完了したら、アニメーションを破棄してほしい。試しaddEventListener
てみましたがうまくいきませんでした。