установить положение пути SVG на карте мира SVG - PullRequest
Новая
       30

установить положение пути SVG на карте мира SVG

0 голосов
/ 12 октября 2018

У меня есть одна карта мира в формате SVG, и я пытаюсь установить положение выбранной страны в центре экрана, используя jquery

Я использую эту карту SVG в своем проекте

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>

выше - мой код, так что теперь я хочу нарисовать карту выбранной страны в центре экрана, если выбранная карта находится слева или справа

Пожалуйста, помогите мне решить эту проблему

...