SVGA实现动画-解决本地引用无效

tech2023-06-11  109

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)

 

最新回复(0)