HTML DOM要素をSVG要素に変換するjQuery関数

//---------------------------------
//HTML DOM要素をSVG要素に変換
//
//引数1:$dom    html dom要素
//
//返り値:svgの要素
//---------------------------------
function convertDomIntoSVG($dom){
    var width=$dom.get(0).scrollWidth;
    var height=$dom.get(0).scrollHeight;

    return data = "<svg xmlns='http://www.w3.org/2000/svg' width='"+width+"' height='"+height+"'>" +
             "<foreignObject width='100%' height='100%'>" +
               "<div xmlns='http://www.w3.org/1999/xhtml'>" +
                $dom.prop('outerHTML') +
               "</div>" +
             "</foreignObject>" +
           "</svg>";
}

下記の関数と合わせて使えばdom要素を画像表示できるので便利。

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

 

コメントを残す

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