我一直在试验用于 CSS 剪辑的 SVG 路径。我终于掌握了窍门。我用 Adobe Illustrator 制作了一些图形，然后将 SVG 放入宽度和高度为 0 的 HTML 中，并用 <clipPath> 包裹路径并为其分配一个 ID 以在 clip-path 属性中使用。我的问题是:我应该在哪里存储我所有的 SVG，以便我可以为它们分配一些 ID。将它们放在 HTML 中似乎不是一个好的做法，尤其是当我必须使用多个时。我无法使用所有标记从外部加载它们。
最佳答案
我听说一些开发人员将元素放在 <div id="ninja" hidden></div> 中元素。这适用于您希望在页面上显示但不想呈现的那些元素。
您还可以使用 AJAX to download svg如果您觉得它会增大 HTML 文件的大小，请在需要时/稍后将文件嵌入到页面中。
我没有使用过 svg 剪辑路径，尽管我已经阅读过它们。但是，如果您仅将 svg 文件用于剪辑路径功能，那么您可以将剪辑路径代码保存在 xml 文件中，ajax 请求它，然后使用一些冗长的 javascript，将其动态加载到页面上 (Stackoverflow Question on how to do what I just said)。
为了好玩，请查看 svgjs.dev
关于html - 为 CSS 剪辑路径存储 SVG 路径的最佳实践？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51698578/