¿Hay alguna manera de obtener el ícono svg como una cadena mientras tiene el archivo .svg con JavaScript?
Para ser más claro, necesito una función que haga:
function svgFileToString('./icon.svg'){ ... ... return `<svg>...</svg>` }Puede utilizar la función fetch() . La función svgFileToString() no devolverá nada, pero puede reemplazar console.log(text); con lo que sea
Para el ejemplo, estoy usando una URL de datos para reemplazar la ruta real a un archivo.
function svgFileToString(iconpath){ fetch(iconpath) .then(response => response.text()) .then(text => { console.log(text); // do whatever }); } //svgFileToString('/icon.svg'); // for testing here on ST: svgFileToString('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCI+CiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iZ3JlZW4iIC8+Cjwvc3ZnPgo=');