lottie-json.md

lottie json 文件解读

svg-to-lottie

var data = {
  v: '4.6.3', // version
  fr: 30, // 30 fps
  ip: 0,
  op: 73,
  w: 250, // width
  h: 275, // height
  nm: 'B',
  ddd: 0,
  assets: [], // 附 assets
  layers: [] // 层 ，附layers
};

var assets = {
  id: 'comp_5',
  layer: [
    {
      ddd: 0,
      ind: 1,
      ty: 4,
      nm: 'Shape Layer 1',
      ks: {
        o: {
          a: 0,
          k: 100
        },
        r: {
          a: 0,
          k: 0
        },
        p: {
          a: 0,
          k: [125, 137.5, 0]
        },
        a: {
          a: 0,
          k: [0, 0, 0]
        },
        s: {
          a: 0,
          k: [100, 100, 100]
        }
      },
      ao: 0,
      shapes: [
        {
          ty: 'gr',
          it: [
            {
              ind: 0,
              ty: 'sh',
              ix: 1,
              ks: {
                a: 1,
                k: [
                  {
                    i: {
                      x: 0.833,
                      y: 0.833
                    },
                    o: {
                      x: 0.167,
                      y: 0.167
                    },
                    n: '0p833_0p833_0p167_0p167',
                    t: 1,
                    s: [
                      {
                        i: [
                          [0, 0],
                          [0, -39],
                          [-1.736, -13.904],
                          [0, 0],
                          [1, 40],
                          [0.816, 16.41]
                        ],
                        o: [
                          [0, 0],
                          [0, 24.876],
                          [1.461, 0.915],
                          [0, 0],
                          [-0.217, -8.687],
                          [-0.948, -14.066]
                        ],
                        v: [
                          [-50.5, -49],
                          [-51.5, 25],
                          [-50.461, 101.585],
                          [-45, 100.75],
                          [-49.25, 26.75],
                          [-46.578, -23.525]
                        ],
                        c: true
                      }
                    ],
                    e: [
                      {
                        i: [
                          [0, 0],
                          [0, -39],
                          [-2.013, -13.914],
                          [0, 0],
                          [-0.25, 48.25],
                          [1.394, 16.184]
                        ],
                        o: [
                          [0, 0],
                          [0, 23.955],
                          [1.122, 3.104],
                          [0, 0],
                          [0.588, -30.586],
                          [-1.558, -14.417]
                        ],
                        v: [
                          [-46, -48.875],
                          [-46.75, 23.25],
                          [-45.721, 99.703],
                          [-36, 95.375],
                          [-41.875, 27.875],
                          [-35.594, -24.084]
                        ],
                        c: true
                      }
                    ]
                  }
                ]
              },
              nm: 'Path 1',
              mn: 'ADBE Vector Shape - Group'
            }
          ],
          nm: 'Shape 1',
          np: 3,
          cix: 2,
          ix: 1,
          mn: 'ADBE Vector Group'
        }
      ],
      ip: 1,
      op: 13,
      st: 0,
      bm: 0,
      sr: 1
    }
  ]
};

var layers = {
  ddd: 0,
  ind: 2, // index
  ty: 4,
  nm: 'miscelanea11',
  ks: {
    o: {
      a: 0,
      k: 100
    },
    r: {
      a: 0,
      k: 78
    },
    p: {
      a: 0,
      k: [77, 203.75, 0]
    },
    a: {
      a: 0,
      k: [-58, 23.5, 0]
    },
    s: {
      a: 0,
      k: [100, 100, 100]
    }
  },
  ao: 0,
  shapes: [
    {
      ty: 'gr',
      it: [
        {
          ind: 0,
          ty: 'sh',
          ix: 1,
          ks: {
            a: 1,
            k: [
              {
                i: {
                  x: 0.833,
                  y: 0.833
                },
                o: {
                  x: 0.167,
                  y: 0.167
                },
                n: '0p833_0p833_0p167_0p167',
                t: 50,
                s: [
                  {
                    i: [[0, 0], [0, 0]],
                    o: [[0, 0], [0, 0]],
                    v: [[-54, 19], [-54, 19]],
                    c: false
                  }
                ],
                e: [
                  {
                    i: [[0, 0], [0, 0]],
                    o: [[0, 0], [0, 0]],
                    v: [[-57, 22], [-66.5, 31]],
                    c: false
                  }
                ]
              }
            ]
          },
          nm: 'Path 1',
          mn: 'ADBE Vector Shape - Group'
        }
      ],
      nm: 'Shape 1',
      np: 3,
      cix: 2,
      ix: 1,
      mn: 'ADBE Vector Group'
    }
  ],
  ip: 50,
  op: 60,
  st: 9,
  bm: 0,
  sr: 1
};