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.
42 lines
979 B
42 lines
979 B
/*********文件描述*********
|
|
* 分享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 事件
|