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

Pocket

//---------------------------------
//HTML要素をSVG要素に変換
//
//引数1:$dom    html dom
//
//返り値:svgの要素
//---------------------------------
function convertDomIntoSVG($dom){
    let width=$dom.get(0).scrollWidth;
    let 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要素を画像表示できるので便利。

こちらもオススメ

 

 

Pocket

コメントを残す

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