svg - 如何在 Elm 中使用 ocicons 或如何从字符串中解析 svg？

Question

所以我想在 Elm 中使用 githubs occticons作为 svg 节点。虽然我不确定这是一个好主意，但我认为这是我可以做到的一种方法：

我可以将 svg 标签作为带有标志的字符串传递给 Elm 应用程序调用：

   const octicons = require('octicons');
   const plusIcon = octicons.plus.toSVG();

然后把它作为一个标志。但是，我怎样才能将该字符串解析为 svg 节点呢？

我找不到任何方法来做到这一点。

虽然我真的不需要将它作为 svg 节点。我只需要在我的视图中使用该标签即可使用该图标。因此，任何显示这些 ocicon 图标的解决方案就足够了。我只是认为在 Elm 中将它们作为 svg 节点会很好。

无论如何，也许有更好/更简单的方法在 Elm 中使用 ocicons？

任何想法将不胜感激。

Answer 1

我认为您可以返回一个具有所有必要属性的对象，而不是返回一个 svg 字符串。在光学中，您有options和path。在路径的情况下，您可以自己解析标签或jQuery.attr为您做类似的事情。之后从内部榆树elm-lang/svg具有所有实用程序：Svg.svgwith Svg.pathinside。