Elmでocticonsを使う方法、またはsvgを文字列から解析する方法は？

Question

だから私はギブスocticonsをElmにsvgノードとして使用したいと思います。私はこれは良いアイデアであることはよく分からないが、私はここに考え出し、私はそれを行う可能性が一つの方法ですが：

私はエルムアプリの呼び出しにフラグを文字列としてSVGタグを渡す行うことができます：

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

それをフラグとして入れてください。しかし、その後、どのようにsvgノードとしてその文字列を解析できますか？

私はそれを行う方法が見つかりませんでした。

私は本当にsvgノードとして持っている必要はありませんが。私はそのアイコンを使用するために私の視野にタグが必要です。したがって、これらのオクティコンアイコンを表示するにはどんなソリューションでも十分です。私はちょうどそれがエルムでsvgノードとしてそれらを持っているためにきちんとしていると思った。

いずれにしても、エルムでオクソンを使用する方が良い/簡単な方法がありますか？

アイデアをいただければ幸いです。

Answer 1

私はsvg文字列を返す代わりに、必要なすべての属性を持つオブジェクトを返すことができると思います。オプティコンではoptionsとpathです。パスの場合は、自分でタグを解析するか、jQuery.attrのようなものを取得できます。その後、内部のエルムからelm-lang/svgには、Svg.svgとSvg.pathのすべてのユーティリティがあります。