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⛔️

参考