//---------------------------------
//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要素を画像表示できるので便利。
こちらもオススメ
コメントを残す