将svg多边形移动到点击中心时遇到问题

时间:2019-03-29 06:46:22

标签: javascript dictionary svg tweenmax

我有一个由多个多边形组成的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"                
                })

    });

所以请帮助我使之成为可能。我希望你能理解我的问题。 预先感谢。

0 个答案:

没有答案