PAG官网 | PAG动效

PAG官网 | PAG动效

  • 首页
  • 产品
  • 功能
  • 文档
  • 案例
  • CN
  • GitHub
  • 论坛交流
  • 免费下载
  • Languages iconEN
    • CN

›导出插件

了解 PAG

  • Introduction
  • FAQs

快速开始

  • Install PAGViewer
  • Install PAGExporter
  • Export PAG Files
  • SDK Integration

导出插件

  • Use Configuration Panel
  • Use Exporting Panel
  • Export BMP Compositions
  • Config Fill Modes
  • Config Time Stretch Modes
  • Exporting Shortcut Keys
  • Error Code
  • Auto Detection Rules
  • Text Editing Rules
  • Add Text Background
  • Export Audio
  • Manually Install PAGExporter

预览工具

  • Preview Replacements
  • View File Structure
  • Preview Shortcut Keys
  • Export Image Sequence
  • File Encryption
  • Add Watermark
  • Upgrade to Beta Version

性能优化

  • Use Performance Panel
  • PAG File Optimization

移动端进阶

  • Common API Overview
  • Use PAGImageView
  • Video Replacement
  • Play Audio
  • Text Layer Description
  • Use Encripted File
  • Export To Video
  • SDK Authentication

Web 进阶

  • SDK Installation
  • Load PAG File
  • Play PAG File
  • Platform Capabilities
  • Use WebWorker

API 参考

  • API Document

视频教程

  • PAG Workflow
  • File Optimization Best Practices
  • Use PAGExporter Panel
  • PAG Online Q&A

资源下载

  • PAGViewer Installer
  • PAG Test Files
  • PAG Demo Projects
  • China LiveVideoStackCon2022
  • PAG Conversion Tool
  • PAG File Format Spec

TAVMedia

  • Introduction to TAVMedia
  • TAVMedia Quick access
  • Common API Overview

其他

  • From Lottie To PAG
  • PAG Dictionary

Config Fill Modes


Usage Scenarios

The PAG fill mode is mainly used in the following two scenarios:

  1. When the rendered size (PAGView, PAGSurface size) is inconsistent with the size of the pag file
  2. When the size of the placeholder image n the pag file is inconsistent with the size of the filled image

The Effect of Fill Mode

PAG supports the following fill modes:

  • None: No scaling. Cropping starts at the upper left corner.

  • LetterBox: Black edge. Scaling to the available screen size of the device while maintaining aspect ratio ensures that the image does not deform. If the image size and filling area ratio are not consistent, black edges will appear, making it the default fill mode

  • Stretch: Filling without maintaining aspect ratio can cause deformation loss

  • Zoom: Cropping. Scaled to completely fill the available screen size while maintaining the aspect ratio

How to set fill mode

Settings in the Export Panel

The fill mode of placeholder images can be set in the AE export panel

API Settings

It can be set in PAGView, PAGImageView, PAGPlayer and PAGImage by the following method

- (void)setScaleMode:(PAGScaleMode)value

It can also be set through the system's built-in contentMode method in the PAGImageView on the iOS platform.

@property(nonatomic) UIViewContentMode contentMode;

If the above fill mode does not meet the requirements, it is supported to set the matrix of PAG rendering content or fill images through the following interface

// iOS
- (void)setMatrix:(CGAffineTransform)value;

// Android
void setMatrix(Matrix matrix);

← Export BMP CompositionsConfig Time Stretch Modes →
  • Usage Scenarios
  • The Effect of Fill Mode
    • PAG supports the following fill modes:
  • How to set fill mode
    • Settings in the Export Panel
    • API Settings
Address: Tencent Binhai Building, No. 33 Haitian Second Road, Nanshan District, Shenzhen, Guangdong Province, China.
TEL: 0755-86013388
QQ Group: 893379574
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
Privacy Policy
公司地址:广东省深圳市南山区海天二路33号腾讯滨海大厦
联系电话:0755-86013388
QQ群:893379574
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
隐私政策
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
Address: Tencent Binhai Building, No. 33 Haitian Second Road, Nanshan District, Shenzhen, Guangdong Province, China.
TEL: 0755-86013388
QQ Group: 893379574
Privacy Policy
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
公司地址:广东省深圳市南山区海天二路33号腾讯滨海大厦
联系电话:0755-86013388
QQ群:893379574
隐私政策