svga源码:https://github.com/svga/SVGAPlayer-Web
常用参数说明
SVGA.Player 用于控制动画的播放和停止
SVGA.Parser 用于加载远端或 Base64 动画,并转换成 VideoItem。
player方法详解:
startAnimation(reverse:boolean = false); -从零帧开始动画。startAnimationWithRange(范围:{位置:数字,长度:数字},反向:布尔=假); -在[位置,位置+长度]帧范围内开始动画。pauseAnimation(); -在当前帧上暂停动画。stopAnimation(); -停止动画,在clearsAfterStop === true时清除内容setContentMode(mode:“ Fill” |“ AspectFill” |“ AspectFit”); -特定比例模式setClipsToBounds(clipsToBounds:boolean); -如果开箱即用,则剪辑。明确(); -强制清除内容。stepToFrame(frame:int,andPlay:Boolean); -停止到特定的帧,同时播放动画,而andPlay === truestepToPercentage(percentage:float,andPlay:Boolean); -停止到特定百分比,同时播放动画,而andPlay === truesetImage(image:string,forKey:string,transform:[a,b,c,d,tx,ty]); -动态替换动画图像,变换是可选的,变换可以调整替换图像。setText(text:string | {text:string,family:string,size:string,color:string,offset:{x:float,y:float}},forKey:string); -在动画图像上动态添加文本clearDynamicObjects(); -清除所有动态对象player回调详解:
onFinished(callback:()=> void):无效; -动画停止后调用。onFrame(callback:(frame:number):void):void; -在渲染动画特定帧后调用。onPercentage(回调:(百分比:数字):无效):无效; -渲染特定动画百分比后调用。SVGA解析器:
您使用SVGA.Parser从远程或Base64字符串加载VideoItem。
只能加载跨域允许文件。
如果您希望从Base64或File加载资源,请以load(File)或交付load('data:svga/2.0;base64,xxxxxx')。
所以不能使用本地的svga
解决办法:
1、上传到服务器上,远程访问
2、本地开启一个服务,然后引入(http://127.0.0.1:xxx/xxxx)