Столкнувшись с проблемой при перемещении SVG многоугольника в центр по клику - PullRequest
Новая
       24

Столкнувшись с проблемой при перемещении SVG многоугольника в центр по клику

1 голос
/ 29 марта 2019

У меня есть изображение SVG, которое состоит из нескольких полигонов. Когда я нажимаю на любой из многоугольников, этот многоугольник появляется в центре после автоматического перемещения всего изображения SVG.

Я попробовал библиотеку tweenmax для этого, и вот фрагмент кода: 

jQuery('[data-name^="retailer_"]').on('click', function (event) {   

        var ActiveFloorValue = jQuery('#mapit-floors-filters a.active').attr('data-floor-index');

        jQuery('polygon').attr("class","");
        var map_store_name = jQuery(this).data('name');         
        jQuery('#mapit-floor-'+ActiveFloorValue+ ' svg').attr('id','svg-'+ActiveFloorValue);

        var main1x = document.getElementById('mapit-floor-'+ActiveFloorValue);


        TweenLite.to( main1x, 0, { ease: Linear.easeOut, clearProps:"scale"});
        TweenMax.to(main1x, 1.5, {
                scale: 1.9,
                x:-event.clientX/2 ,
                y:-event.clientY/2 ,                  
                ease:Linear.easeOut,
                transformOrigin:"center center"                
                })

    });

Так что, пожалуйста, помогите мне сделать это возможным. Я надеюсь, вы понимаете мой вопрос. Заранее спасибо.

...