web-dev-qa-db-fra.com

Conversion d'un URI de données en SVG

Peut-être une question stupide, mais est-il possible de reconvertir un URI de données en SVG? J'ai googlé et cherché SO et je n'ai rien trouvé sur le sujet, des tas de choses à l'inverse bien sûr.

Merci!

Edit: désolé aurait dû être plus précis - une donnée: une image comme celle-ci:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iIzFBMzc2MSIgZD0iTTE3Ljc4IDI1LjY1Yy44OS0uODkgMi4zNS0uODkgMy4yNSAwTDQwIDQ0LjU5bDE4Ljk3LTE4Ljk1Yy44OS0uODkgMi4zNS0uODkgMy4yNCAwbDIuNDMgMi40M2MuODkuODkuODkgMi4zNSAwIDMuMjVMNDEuNjIgNTQuMzVjLS45Ljg5LTIuMzUuODktMy4yNSAwTDE1LjM1IDMxLjMzYy0uODktLjg5LS44OS0yLjM1IDAtMy4yNWwyLjQzLTIuNDN6Ii8+PC9zdmc+

svgdata-uri
18
Ali Green

Je vais supposer que vous voulez dire un URI de données encodées en Base64.

La réponse est oui. L'URI ressemblera à quelque chose comme:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0c...

La partie Base64 est la partie qui commence par PH. Copiez cette partie dans un convertisseur en ligne tel que celui-ci .

12
Paul LeBeau
  1. Afficher l'URI de données dans un navigateur Web
  2. Utiliser l'élément d'inspection
  3. Ouvrez l'URI de données dans une nouvelle fenêtre/un nouvel onglet de navigateur
  4. Enregistrez l'image en tant que fichier .svg
23
holas

En utilisant javascript, vous pouvez ouvrir l'outil développeur et exécuter ce code dans la console:

var dataURI = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iIzFBMzc2MSIgZD0iTTE3Ljc4IDI1LjY1Yy44OS0uODkgMi4zNS0uODkgMy4yNSAwTDQwIDQ0LjU5bDE4Ljk3LTE4Ljk1Yy44OS0uODkgMi4zNS0uODkgMy4yNCAwbDIuNDMgMi40M2MuODkuODkuODkgMi4zNSAwIDMuMjVMNDEuNjIgNTQuMzVjLS45Ljg5LTIuMzUuODktMy4yNSAwTDE1LjM1IDMxLjMzYy0uODktLjg5LS44OS0yLjM1IDAtMy4yNWwyLjQzLTIuNDN6Ii8+PC9zdmc+';

var svg = atob(dataURI.replace(/data:image\/svg\+xml;base64,/, ''));
console.log(svg);

La méthode atob () décode une chaîne codée en base 64.

7
jcubic