首页 > 其他分享 >移动端动画播放插件 lottie-player

移动端动画播放插件 lottie-player

时间:2022-12-26 10:26:12浏览次数:41  
标签:动画 插件 LottieFiles player https lottie com

Lottie 是一个适用于 Web 和 iOS 的移动库,它可以解析使用Bodymovin导出为JSON文本格式的Adobe After Effects动画,并在移动设备上以本机方式进行渲染。因此设计人员可以在任何平台上发布动画。

LottieFiles是一个与Lottie相关的平台,它提供了一系列工具和功能,旨在使Lottie动画更加容易和高效的发现、创建和实现。

lottie-player是则是LottieFiles开源的web端播放JSON文件的动画播放器项目。

 

使用方式

1.CDN引用

<script src="https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js"></script>

2.NPM包(推荐使用)

npm install --save @lottiefiles/lottie-player

3.开源项目下载引入项目使用(推荐使用)

<script src="/Assets/lib/lottie-player/lottie-player.js"></script>
<lottie-player src="/Assets/json/server.json" background="transparent" speed="1" loop autoplay></lottie-player>

开源地址

https://github.com/LottieFiles/lottie-player

在线操作地址:https://lottiefiles.com/web-player

出处:https://www.cwhello.com/36265.html




标签:动画,插件,LottieFiles,player,https,lottie,com
From: https://www.cnblogs.com/xk-one/p/17005090.html

相关文章

  • geoserver的GSR插件使用介绍
    背景    GeoServer是一款很好用的开源GIS服务软件,而ArcGISJSAPI是一款不错的webgis框架,通常ArcGISJSAPI要搭配ArcGISServer来使用,而ArcGISServer售价往往过高。......
  • 14款web前端常用的富文本编辑器插件
    富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于OfficeWord的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页......
  • neovim 插件管理
    起因是使用了很久vscode的插件,但是在前几天看到了一个neovim(以下简称nvim)的视频。就看自己的vscode不是很顺眼,感觉界面不够简洁,所以尝试使用nvim。这期间尝试了别人的配......
  • 面试官:你说说 Vue 中的组件和插件有什么区别?
    大家好,我是CoderBin前言面试官:“你说说Vue中的组件和插件有什么区别?”紧张的萌新:“vue组件是封装可复用的UI结构,插件好像是用vue.use()...”面试官:“...”······......
  • VS插件
    LiveServer——浏览器自动刷新安装以下插件安装后,右击插件名,点击扩展设置在输入框中输入custom找到CustomBrowser,设置打开默认浏览器为chrome在html页面中右......
  • cucumber:使用cucumber-reporting 插件优化HTML report
    承接上一篇:API测试框架:cucumber+springBoot+restAssured原始的cucumberreport比较粗糙,如图下: 我们可以通过cucumber-reporting插件对报告进去优化,集成介绍如下:1)......
  • 常用插件之分布式执行测试用例 pytest-xdist
    原则:用例之间是独立的,用例之间没有依赖关系,用例可以完全独立运行【独立运行】用例执行没有顺序,随机顺序都能正常执行【随机执行】每个用例都能重复运行,运行结果不......
  • uniapp配合xcode打包遇到videoPlayer module is not added的问题解决
     这个情况是因为没有配置相关插件,虽然在uniapp中提示添加但是这对于我们自己xcode打包毫无意义,这儿配置的很多东西都是给uniapp云端打包提示添加对应功能的xcode本地打......
  • Blender必备插件 Node Preview V1.7 材质节点预览插件
    NodePreview是Blender的节点预览缩略图插件,对于可视化编辑非常有用的,也就是说你在编辑节点的时候可以实时的显示出来对于贴图更改的变化,而且还会自动更新,所预览的过程是在......
  • Blender种草植物插件 Graswald Pro 1.3.7
    GraswaldPro在一个附加组件中为您提供最佳的Blender环境创建体验。单击三下即可导入现成的粒子系统。散射更快,控制更多。使用内置的优化方法以获得更高的速度。自定义......