CSS path() 函数

Question

我最近阅读了一些关于在 SMIL 和 CSS 中编写 SVG 动画的内容。在那篇文章中，path()CSS的功能出现了，但我找不到任何关于此的文档。任何关于此的文章和/或文档？

例子

.stackoverflow-example {
    d: path("<svg commands here>")
}

编辑

我找到了 2015 年的一篇文章，当时这个功能刚刚出来（Chrome 46），但似乎仍然没有任何文档。https://css-tricks.com/smil-is-dead-long-live-smil-a-guide-to-alternatives-to-smil-features/。有问题的段落可以在Analternative: CSS下找到。

Answer 1

TL;DR：不要`path()`用于任何你想要实际工作的东西。

这是我第一次听说过，path()这是有原因的：这是实验性的。

该模块添加了以下属性：

这是一份草稿文件，可能随时被其他文件更新、替换或废弃。引用本文档作为正在进行的工作是不合适的。

事实上，工作草稿页面有一个新的草稿，它改变了所有的属性，也增加了一些新的属性：

这个模块，包括path()功能，离任何广泛使用还很远很远，不仅仅是因为它的浏览器支持很糟糕。

它是如此具有实验性，以至于所有属性都在最新的草案中被重命名/重新制作。因此，语法可能会发生变化，属性可能会再次重命名/添加/删除，或者整个模块可能会被删除（不太可能，但可能会发生）。

这就是您很难找到有关此模块的任何信息的原因，因为它现在根本无法使用。

当然，在 chrome 中玩弄它。将它用于您真正希望它继续工作的地方，不。