插值函数
自定义 tweened Store 如何在颜色和数组等复杂值之间进行插值。
插值函数 是 CoddyKit 上的免费 Sveltejs Academy 课时。 这是第 3 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Sveltejs Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Sveltejs Academy 课程共包含 4 节课。
自定义插值
tweened 和 spring 可以通过自定义 interpolate 函数为非数值设置动画。
函数签名
interpolate 函数接收起始值和结束值，并返回一个将进度映射为插值结果的函数。
function lerp(a, b) { return (t) => a + (b - a) * t; }传给 Tweened
在选项中提供您的函数。
const p = tweened(0, { interpolate: lerp });颜色插值
使用 d3-interpolate 等库在两种颜色之间进行插值。
数组插值
对于数字数组（例如 SVG 路径坐标），请逐个元素进行插值。
对象插值
默认行为会对数值属性进行插值；对于非数值属性，请提供自定义函数。
SVG 路径
通过对坐标进行插值，为 SVG 路径字符串设置动画。
补间字符串
除颜色之外的字符串通常需要自定义函数，才能进行有意义的插值。
为什么需要自定义
自定义插值让复杂数据形状的创意动画成为可能。
与缓动结合
缓动塑造曲线，插值映射值空间。两者可以配合使用。
性能
让插值计算保持轻量，因为它会在每个动画帧中运行。
快速检查
interpolate 的作用是什么？
回顾
自定义 interpolate 函数可以扩展运动存储器，使其支持颜色、路径以及任何具有明确“中间值”的数据。
常见问题解答
「插值函数」课时是免费的吗？
是的 — 「插值函数」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Sveltejs Academy 课程的其余内容，请升级到 CoddyKit PRO。 Sveltejs Academy 课程共包含 4 节课。
「插值函数」这节课中我会学到什么？
自定义 tweened Store 如何在颜色和数组等复杂值之间进行插值。 你通过在浏览器中直接运行的动手代码来练习 Sveltejs Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Sveltejs Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Sveltejs Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 3 节课，共 4 节。
「插值函数」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Sveltejs Academy 课中编写并运行代码吗？
能。每节 Sveltejs Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。