You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
/*********文件描述********* * 分享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 事件
|