web-dev-qa-db-ja.com

データURIをSVGに戻す変換

ばかげた質問かもしれませんが、データURIをSVGに戻すことは可能ですか？私はGoogleで検索してSOを検索しましたが、件名には何も見つかりませんでした。もちろん、他の方法で大量のものが見つかりました。

ありがとう！

編集：申し訳ありませんがより具体的である必要があります-このようなdata：image：

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

svgdata-uri
18
Ali Green

ここでは、Base64でエンコードされたデータURIを想定しています。

答えはイエスです。 URIは次のようになります。

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

Base64部分は、PHで始まる部分です。その部分を this one などのオンラインコンバーターにコピーします。

12
Paul LeBeau
  1. WebブラウザーでデータURIを表示する
  2. 検査要素を使用
  3. 新しいブラウザウィンドウ/タブでデータURIを開く
  4. 画像を.svgファイルとして保存します
23
holas

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でエンコードされた文字列をデコードします。

7
jcubic