我一直在尝试用于CSS裁剪的SVG路径。我终于明白了。我使用Adobe Illustrator制作了一些图形，然后将SVG放在HTML中，宽度和高度为0，并用<clipPath>包裹路径，并为其指定ID以在clip-path属性中使用。我的问题是：我应该将所有SVG存储在哪里，以便为它们分配一些ID。将它们放入HTML中似乎不是一个好习惯，特别是如果我必须使用多个的话。我无法将所有标记从外部加载。
答案 0 :(得分：0)
我听说有些开发人员将元素放在<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.com