lexakami/silverstripe-lottie

使用Lottie和bodymovin.js轻松将SVG动画添加到您的Web项目中

维护者

详细信息

github.com/lexakami/silverstripe-lottie

来源

问题

安装次数: 1,392

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 1

开放性问题: 0

类型：silverstripe-vendormodule

v2.0.0 2018-04-04 07:54 UTC

Requires

BSD-3-Clause bf22f4bc667ce6b89995166eaf59f715c799efbe

  • Mikaela Young <mikaela.woop@silverstripe.com>

This package is not auto-updated.

Last update: 2024-09-19 13:12:28 UTC

README

本模块旨在简化将SVG动画添加到项目中的流程。

使用Lottie和bodymovin.js库，通过从After Effects使用Bodymovin扩展导出的JSON文件创建轻量级的SVG动画。

安装

composer require lexakami/silverstripe-lottie

使用方法

您需要

在CMS的“动画”标签下创建一个动画，并上传您的JSON动画文件。

使用Lottie包含标签，指定动画名称，将其放置在模板中。

<% include Lottie Name="My Animation Name" %>

待办事项

  • 升级以兼容SS4
  • 交互（点击等）
  • 对于不支持SVG的浏览器和设备，回退到静态图像
  • json文件的权限
  • CMS JSON上传
  • CMS每个动画的可编辑属性
  • 无障碍性