GSAP中文文档 - 吸附插件（Snap）
吸附插件（Snap）
什么是内部插件？
SnapPlugin是一个内部插件，它自动包含在GSAP的核心中，不需要使用gsap.registerPlugin()来加载。
你可以将内部插件视为GSAP的一部分。
SnapPlugin允许补间动画“吸附”到给定数组或增量中的最接近值。它基本上为任何属性添加了一个修饰符，在补间过程中（实时，而不仅仅是结束值）对每个值实现以下吸附行为。
示例用法
- 吸附到最接近的整数：
javascript
// 将所有在逗号分隔的列表中的属性（在本例中为"x,y"）吸附到最接近的整数：
gsap.to('.class', {
x: 1000,
y: 250,
snap: 'x,y',
})- 吸附到增量：
javascript
// 吸附到增量：
gsap.to('.class', {
x: 1000,
snap: {
x: 20, // x 吸附到最接近的20的增量（0, 20, 40, 60等）
},
})- 吸附到数组中的最接近值：
javascript
// 吸附到数组中的最接近值：
gsap.to('.class', {
x: 1000,
snap: {
x: [0, 50, 150, 500], // x 吸附到数组中的最接近值
},
})- 在特定距离内吸附到数组中的值：
javascript
// 吸附到数组中的值，但仅在距离这些值的范围内：
gsap.to('.class', {
x: 1000,
snap: {
x: { values: [0, 50, 150, 500], radius: 20 }, // x 吸附到数组中的最接近值，但仅在距离20像素内。
},
})你可以定义任意数量的吸附属性，以满足你的需求。
常见问题解答
如何在我的项目中包含这个插件？
只需加载GSAP的核心 - SnapPlugin自动包含！
我需要注册SnapPlugin吗？
不需要。SnapPlugin和其他核心插件都内置于GSAP的核心中，不需要注册。
