动画中的HSL颜色模型

Question

目前我正在使用animate标签循环显示某些颜色。

<animate attributeName="stop-color" begin="0s" dur="16s" values="#00ffff;#ff00ff;#00ffff" repeatCount="indefinite" />

如何插入颜色，我可以使用HSL而不是RGB吗？

感谢。

Answer 1

颜色插值在SVG specification中定义。基本上，距离是RGB颜色空间中颜色之间的标准矢量距离。

即使您可以在大多数UA中指定HSL中的结束状态，但这些天您不会获得HSL插值。您的HSL端点颜色将转换为RGB，然后插值将在RGB颜色空间中进行。