我有一个由多个多边形组成的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"
})
});
所以请帮助我使之成为可能。我希望你能理解我的问题。 预先感谢。