SVGのDOM要素(データ)をbase64でエンコードしてData URLスキームに変換する関数

//---------------------------------
//svgのDOM要素をbase64コードに変換
//
//引数1:$svg    svgのdom要素
//
//返り値:data URL スキーム
//---------------------------------
function getDataURLFromSVG($svg){
    var svgData = new XMLSerializer().serializeToString($svg[0]);
    return "data:image/svg+xml;base64,"
                + btoa(unescape(encodeURIComponent(svgData)))
}

上記の返り値を画像要素のsrc属性に設定すればsvg画像が表示されます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です