GSAP - GSAP方法:gsap.config()

gsap.config()允许你配置GSAP的设置,这些设置不是tween特定的,比如autoSleep、force3D和units。要影响应由单个补间继承的属性,请使用gsap.defaults()。下面是config()选项的列表:

一、选项列表:

1.autoSleep

在内部检查之间应该经过多少帧,以查看GSAP是否应该关闭内部计时器,以节省移动设备上的系统资源和电池寿命。默认值是120(大约每2秒)。

2.force3D

在动画过程中,GSAP会自动尝试通过使用3D组件(如translate3d())而不是translate()来应用转换来最大化渲染性能,以激活GPU加速,然后在结束时切换回2D变量(如果可能的话)以节省GPU内存。它描述了force3D:"auto"行为(默认值)。设置force3D: false将禁用该行为。设置force3D: true将强制所有与转换相关的补间使用3D组件,而不是在补间结束时切换回2D。

3.nullTargetWarn

默认情况下,GSAP将在尝试补间不存在的元素(为null)时抛出警告。你可以通过设置nullTargetWarn: false来抑制这个警告。

4.trialWarn

如果一个奖励(仅限会员)插件的试用版本已经加载,警告将被记录到控制台。要禁用此警告,请设置trialWarn: false

5.units

设置默认的CSS单元,当没有提供单元时用于各种属性。例如,{left: 100}将CSS的“left”属性调整为100px,因为“left”属性的默认单位是“px”。如果你想设置{left:100}的动画默认意思是设置left属性是100%,你可能需要定义这样定义:gsap.config({units: {left: "%"}}),只有您设置的属性会被更改。大多数数字的默认单位是“px”,与旋转相关的单位是“deg”。

二、代码示例

//你只需要定义你想改变的配置,忽略的属性不会有影响。
gsap.config({
  autoSleep: 60,
  force3D: false,
  nullTargetWarn: false,
  trialWarn: false,
  units: {left: "%", top: "%", rotation: "rad"}
});

你可能感兴趣的:(GSAP - GSAP方法:gsap.config())