如何在Elm中使用八角符号或如何从字符串中解析svg？

Question

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

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

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

然后把它作为一面旗帜。但是，如何将该字符串解析为svg节点呢？

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

尽管我并不真正需要将其作为svg节点。我只需要在我的视图中使用该图标的标签。因此，显示这些八分图标的任何解决方案都足够了。我只是认为在Elm中使用这些作为svg节点会更好。

在任何情况下，也许有一种更好/更简单的方法在榆树中使用八角形？

任何想法都将不胜感激。

Answer 1

我认为您可以返回一个具有所有必要属性的对象，而不是返回svg字符串。在opticons中，你有options和path。对于path，你可以自己解析标签，也可以获取像jQuery.attr这样的东西来帮你解析。在此之后，elm内部的elm-lang/svg拥有所有的实用程序:内部带有Svg.path的Svg.svg。