Con l’aiuto di questo argomento, sono stato in grado di creare un oggetto SVG usando l’helper h:
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"
}
})
);
Tuttavia, vedo che l’attributo viewBox() viene sempre renderizzato in minuscolo.
L’immagine SVG viene generata con tutti gli attributi definiti (), ma non viene renderizzata nella pagina. Cosa mi manca?
Mi rendo conto che questo è fornito dal pacchetto virtual-dom, ma non sono riuscito a trovare la soluzione lì.