Question

我有一幅SVG格式的世界地图，我正在尝试使用jquery在屏幕中心设置所选国家/地区的位置

我正在我的项目中使用此SVG地图

$('#hidemap').on('click', function() {
    $('path').attr('display','none');    
    var c = cnt.options[cnt.selectedIndex].value;
    $('#'+c).attr('display','block');
    $('#'+c).css("transform-origin", "center center 0");
    $('#'+c).css("transform-box"," fill-box");
    $('#'+c).css("stroke", "black");
    $('#'+c).css("transform"," scale(2)");
    var d = document.getElementById(c).getAttribute("d").replace(/\r?\n|\r/g, "");
    console.log(d);
    var height = parseInt($('#'+c)[0].getBoundingClientRect().height);
    var width = parseInt($('#'+c)[0].getBoundingClientRect().width);    
    var transform_Y = (height/2) - ($(window).height() / 2);
    var transform_X = (width/2) - ($(window).width() / 2);    
    d_array = d.split(",");
    d_array[0].slice(0);
    var $box = $("#svg_div");    
    width_array =d_array[0].split(" ");
    height_array =d_array[1].split(" ");
    width_array[1] = 1000;
    height_array[0] = 500;
    console.log(width_array);
    d_array[0] = width_array[0]+" "+width_array[1];
    d_array[1] = height_array[0]+" "+height_array[1];
    var string_array = d_array.toString();
    console.log(string_array);
    document.getElementById(c).setAttribute("d",string_array );   
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

上面是我的代码，因此如果所选地图在左侧或右侧，我现在想在碎石中心绘制所选国家地图

请帮我解决这个问题

在世界地图svg中设置svg路径的位置

0 个答案: