Lottie が対応している機能一覧

サポート機能

最新のアップデート : @2024年4月4日

Feature(機能/特徴)SupportDetails(内容)
シェイプ
– レクタングル
– ライン
– アロー(矢印)✅⚠️シングルフレーム(プリセット)のみサポート。プロトタイプではサポートされていません。
– 楕円
– 多角形
– 星形
– 画像✅⚠️・画像の塗りつぶしとしてサポートされていますが、フレームの塗りつぶしやオートレイアウトでの塗りつぶしは画像はサポートされていません (詳細)

・シングルフレームではサポートされていません(プリセット)
ペン
鉛筆
テキストTips:
– テキストの値が変更された場合は、新しいテキストレイヤーを使用します。
– 単一のテキストレイヤーで複数の塗りつぶし色を使用できない
オートレイアウト🆕
フレーム (およびネストされたフレーム)🆕
コンポーネント🆕
マスク🆕
Boolean groups(ブール演算)
– ユニオン
– Subtract(引く)
– Intersect(交差)
– Exclude(除外する)
回転Tip: For 360 rotations use 179.9 to -179.9
レイヤーのブレンドモード⛔️未対応
Fills(フィル)
– 無地
– 線形グラデーション
– 放射状グラデーション✅⚠️🆕 プロトタイプ、マルチフレームでサポート し、シングルフレーム(プリセット)ではサポートされていません。
– 角度グラデーション⛔️
– ダイヤモンドグラデーション⛔️
– Image⛔️
– Video⛔️
Strokes(ストローク)
– 無地
– 線形グラデーション🆕 (すべてのフレームで、レイヤーに直線的なグラデーションの塗りつぶしを使用してください。)
– 放射状グラデーション🆕 (すべてのフレームでレイヤーに放射状のグラデーション塗りを使用することを確認する。)
– 角度勾配✅⚠️正確ではない
– ダイヤモンド・グラデーション✅⚠️正確ではない
– Image⛔️
– Video⛔️
ストローク幅
ストローク位置
片側ストローク⛔️
上級ストローク⛔️
Effects(エフェクト効果)
ドロップシャドウ✅⚠️プロトタイプ、マルチフレームでサポートし、 シングルフレーム(プリセット)ではサポートされていません。
インナーシャドウ⛔️
レイヤーぼかし⚠️プロトタイプ、マルチフレーム(スプレッドを除く)でサポートし、 シングルフレーム(プリセット)ではサポートされていません。
背景ぼかし⛔️
プロトタイプ・アニメーション
アフターディレイ
効果時間
Smart animate
線形
Ease in
Ease out
Ease in and out
Ease in back
Ease out back
Ease in and out back
カスタムベジェ
Gentle⛔️
Quick⛔️
Bouncy⛔️
Slow⛔️
Custom spring⛔️
Instant
Dissolve⛔️
Move in⛔️
Move out⛔️
Push⛔️
Slide in⛔️
Slide out⛔️

参考