PAG官网|PAG动效

PAG官网|PAG动效

  • 首页
  • 设计师文档
  • 开发者文档
  • 案例展示
  • FAQ
  • GitHub
  • 官方论坛
  • 免费下载

›Web进阶

SDK快速接入

  • 移动端接入指南
  • 桌面端接入指南
  • Web端接入指南
  • 小程序端接入指南

Web进阶

  • 平台特性
  • 安装
  • 加载 PAG 文件
  • 播放动效
  • 兼容性情况
  • 自适应

API参考

  • iOS API文档
  • Android API文档
  • Web API文档

文件格式

  • PAG文件格式规范

素材迁移

  • Lottie 迁移指南
  • 素材迁移说明
  • PAG SDK 迁移指南

视频分享

  • 线上答疑

加载 PAG 文件

网络加载

PAG SDK专注于动效渲染,并没有内置网络模块, 因此请自行使用网络模块加载动效文件。

以现代浏览器 API fetch 为例,加载动效文件的代码如下:

fetch("https://pag.art/file/like.pag").then(response => {
  return response.arrayBuffer(); // PAG 文件
})

PAG 文件解码

使用 PAGFile.load() 将 PAG 文件解码成 PAGFile 对象:

const { PAGFile } = PAG; // 从 PAGInit 实例化得到的 PAG 对象
PAGFile.load(arrayBuffer).then(pagFile => {
  // 得到 PAGFile 对象
})

获取文件信息

获取 PAG 文件尺寸:

const width = pagFile.width();
const height = pagFile.height();

获取 PAG 文件时长:

const duration = pagFile.duration();

获取 PAG 文件帧率:

const frameRate = pagFile.frameRate();
← 安装播放动效 →
  • 网络加载
  • PAG 文件解码
  • 获取文件信息
Copyright © 2018 - 2023 Tencent. All Rights Reserved.
隐私政策
QQ群:893379574
备案号:粤B2-20090059
公司地址:广东省深圳市南山区海天二路33号腾讯滨海大厦
联系电话:0755-86013388

粤公网安备 44030502009351号