gsap.config()
gsap.config()
让你可以配置 GSAP 的一些设置项,这些设置不是特定于 Tween 的,比如autoSleep
, force3D
,以及units
。如果想要影响应被各个 tween 继承的属性,请使用继承,请使用gsap.defaults()
来代替。以下是 config() 选项的列表:
autoSleep
- 内部检查 GSAP 是否应该关闭内部 ticker 以节省系统资源并在移动设备上延长电池寿命时,应间隔多少帧。默认值是120
(大约每 2 秒一次)。force3D
- GSAP 会通过应用带有 3D 组件的变换(如translate3d()
而不是translate()
在来自动尝试最大化渲染性能,以激活 GPU 加速,然后在动画结束时(如果可能)切换回 2D 形式来节省 GPU 内存。这描述的是force3D:"auto"
行为(即默认行为)。force3D: false
设置为force3D: true
将强制所有与变换相关的 tween 使用 3D 组件,并且不会在 tween 结束后切换回 2D。nullTargetWarn
- 默认情况下,当尝试对不存在(为 null)的元素进行 tween 动画时,GSAP 将抛出一个警告。您可以通过设置nullTargetWarn: false
.units
- 当未指定单位时,为各种属性设置默认使用的 CSS 单位。例如,{left: 100}
因为 "left" 属性的默认单位是 "px",所以它会对 CSS 的 "left" 属性执行动画并过渡到 100px。如果你想让{left: 100}
默认情况下动画过渡到 100%,你可以定义gsap.config({units: {left: "%"}})
。只有你设置的那些属性才会被修改。大多数数值的默认单位是"px"
,而旋转相关值的默认单位是"deg"
.
示例
// you only need to define the configuration settings you want to CHANGE. Omitted properties won't be affected.
gsap.config({
autoSleep: 60,
force3D: false,
nullTargetWarn: false,
trialWarn: false,
units: { left: "%", top: "%", rotation: "rad" },
});