使用动画API让动画值“环绕”边缘

Question

我正在尝试实现一个旋转元素，该元素的角度由[0, 1]范围内的数字表示。现在，我只是将旋转变换应用于动画元素，如下所示：

this.rotation.interpolate({
  inputRange: [0, 1],
  outputRange: ['0deg', '360deg']
})

不幸的是，这不能很好地处理低值和高值之间的过渡，因为从1动画到0，反之亦然，即使映射到完全相同的角度，整个元素也旋转了360度。

当值围绕0.001和0.999上下波动时，这会导致不稳定的移动，这两个值都应映射到0度左右。

所以我想做的是使旋转在某种意义上“环绕”，以便从360度到0不会不必要地使元素旋转一整圈。