/*********文件描述********* * 分享js * @since 1.0 */ $(function() { function svgToImg() { //获取svg内容 //var svg = document.getElementById('jsmap-container-id').innerHTML; //var svg = $(".jsmap-container").html(); let svghtml = document.querySelector('svg'); let svg = new XMLSerializer().serializeToString(svghtml); var canvas = document.getElementById('canvas'); var c = canvas.getContext('2d'); //新建Image对象 var img = new Image(); img.src = `data:image/svg+xml;base64,${window.btoa(unescape(encodeURIComponent(svg)))}`; //图片初始化完成后调用 img.onload = function() { //将canvas的宽高设置为图像的宽高 canvas.width = img.width; canvas.height = img.height; //canvas画图片 c.drawImage(img, 0, 0); console.log(img) //将图片添加到body中 document.body.appendChild(img) //$('.svgImg').attr('src',img); } }; //svgToImg(); }) //document.HTML.demo 事件