このトピックの助けを借りて、hヘルパーを使用してSVGオブジェクトを作成できました。
let logo = h("svg", {
"attributes": {
"width": "22",
"height": "24",
"viewBox": "0 0 22 24",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
}
},
h("path", {
"attributes": {
"d": "M11.5992 4.29387L15.4141 ... 0V4.29387Z",
"fill": "#000000"
}
})
);
しかし、viewBox()属性が常にすべて小文字でレンダリングされることがわかりました。
SVG画像は定義されたすべての属性()で生成されますが、ページにレンダリングされません。何が足りないのでしょうか?
これはvirtual-domパッケージによって提供されていることに気づきましたが、そこでも解決策を見つけることができませんでした。