将数据 URI 转换回 SVG

Question

这可能是一个愚蠢的问题，但是否可以将数据 URI 转换回 SVG？我已经用谷歌搜索并搜索了 SO 并没有发现任何关于这个主题的东西，当然还有大量的东西。

谢谢！

编辑：抱歉应该更具体 - data:image 像这样：

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

Answer 1

我假设你指的是 Base64 编码的数据 URI。

答案是肯定的。 URI 类似于：

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

Base64部分就是PH开头的部分。将该部分复制到在线转换器中，例如 this one.

Answer 2

在网络浏览器中查看数据 URI
使用检查元素
在新浏览器中打开数据 URI window/tab
将图像保存为 .svg 文件

Answer 3

使用javascript，你可以打开开发者工具，运行这段代码在控制台：

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

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

atob() 方法解码 base-64 编码的字符串。

Answer 4

查看此网站 SVG VIEWER。您可以将您的 .svg 文件或基于文本的 SVG 文件放到该网站。之后，您可以下载为 .svg、.jsx 和 .png 扩展名。

将数据 URI 转换回 SVG

Converting a data URI back to SVG

svg

data-uri