SVGAPlayer入门

最新推荐文章于 2024-10-18 12:02:36 发布

软件造物主

最新推荐文章于 2024-10-18 12:02:36 发布

阅读量4.7k

点赞数 1

分类专栏：直播技术文章标签：直播打赏

本文链接：https://blog.csdn.net/corelengine/article/details/85836698

版权

直播技术专栏收录该内容

2 篇文章 0 订阅

订阅专栏

下载：

https://github.com/yyued/SVGAPlayer-iOS

https://github.com/yyued/SVGAPlayer-Android

https://github.com/yyued/SVGAPlayer-Web

WEB本地运行：

SVGAPlayer-Web-master>http-server

目标：本地动画运行，背景透明

本地html代码：

<html>

<body style="text-align: center">
<div>
<div id="testCanvas" style="background-color: transparent; width:800px; height: 500px; margin: auto"></div>

</div>
<script src="https://cdn.jsdelivr.net/npm/howler@2.0.15/dist/howler.core.min.js"></script>


<script src="http://assets.dwstatic.com/common/lib/??jszip/3.1.3/jszip.min.js,jszip/3.1.3/jszip-utils.min.js" charset="utf-8"></script>
<script src="../build/svga.min.js"></script>

<script>
var parser = new SVGA.Parser('#testCanvas')
var player = new SVGA.Player('#testCanvas')
parser.load("./samples/rose1.svga", function (videoItem) {
player.setImage('./samples/avatar.png', '99')
player.setVideoItem(videoItem);
           player.setText({
               text: 'Hello, World!',
               size: "48px",
               color: "#ffffff",
               offset:{x: 10.0, y: 0.0}
           });
player.startAnimation();