我决定尝试Angular 2，并遇到了Clarity，它提供了一些非常好的UI功能，其中之一是开箱即用的图标“ clarity-icons”套件。这些图标在node_modules \ clarity-icons \ src \ svg-icon-templates.ts中定义。它们在SVG图标数组中声明，非常清晰且易于理解，因此认为这是添加一个自定义svg图标，但是我不知道如何实际使用此新图标？
1，如何建立这个新的ts文件？我尝试了“ npm build”等，但package.json没有任何目标，我想您不应该编辑node_modules子目录中的文件吗？2，如果我完成了构建，是否在下次执行全新安装时将其覆盖？
基本上，我想使用我喜欢的透明度图标包，并希望使用某些现有图标，但是我希望添加另一个图标，而不是单独链接它，因为我希望清晰度来处理尺寸/颜色等。我。
我还认为，与其使用形状注释，不如可以链接到svg文件并使用clr-icon标签？
在较高的级别上，将您自己的图标添加到“清晰度图标”库中只需要在应用程序中的某个位置（从0.8.0版开始）使用以下调用...
ClarityIcons.add({"shapeNameGoesHere": "<svg ... >[your SVG code goes here]</svg>"});
ClarityIcons在Javascript的窗口对象之外可用。这是Icons库的全局API。
如果为“ 0 0 36 36”视图框创建图像，则将（或应该）使您足够容易地使用元素中的dir和size属性clr-icon。
要使用装饰器类，您将需要为图标的纯色，标记和警告版本创建不同的路径。但是，这比您可能想深入的要深一些。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句