Le immagini SVG hanno tag/attributi specifici di Inkscape

[dej611]

Alcune immagini come spid-logo-animation-black.svg hanno attributi non validi, esportati da Inkscape in modalità "non plain SVG".

Questo può generare problemi quando importati in alcuni ambienti che validano l'SVG, come ad esempio JSX, con errori come:

/node_modules/spid-smart-button/dist/img/spid-logo-animation-black.svg: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning.
  3 | const SvgComponent = props => <svg xmlnsDc="http://purl.org/dc/elements/1.1/" xmlnsCc="http://creativecommons.org/ns#" xmlnsRdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlnsSvg="http://www.w3.org/2000/svg" xmlnsSodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlnsInkscape="http://www.inkscape.org/namespaces/inkscape" width="210mm" height="297mm" viewBox="0 0 210 297" version={1.1} id="svg8" inkscapeVersion="0.92.3 (2405546, 2018-03-11)" sodipodiDocname="omino-black.svg" {...props}>
  4 |   <defs id="defs2" />
> 5 |   <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity={1.0} inkscapePageopacity={0.0} inkscapePageshadow={2} inkscapeZoom={0.35} inkscapeCx={400} inkscapeCy={560} inkscapeDocumentUnits="mm" inkscapeCurrentLayer="layer1" showgrid="false" inkscapeWindowWidth={1853} inkscapeWindowHeight={1025} inkscapeWindowX={1433} inkscapeWindowY={27} inkscapeWindowMaximized={1} />
    |    ^^^^^^^^^^^^^^^^^^
  6 |   <metadata id="metadata5">
  7 |     <rdf:rdf>
  8 |       <cc:work rdfAbout="">