扩展SVG路径

时间:2014-08-06 14:43:24

标签: html css3 svg hover

我有宾夕法尼亚州的这张地图,我正在研究。我目前有几个县突出显示,并在悬停时显示县名。我想在悬停时添加一个小幅度的增加。但是当设置它时,它会移动整个路径。

这是一个显示正在发生的事情的网址。当你悬停时你会注意到这个问题,在悬停时应用1.2的比例:

http://ryanharris.works/d/testmap.html

无论如何都要缩放路径但是将它保持在同一位置?我不太熟悉SVG,因为这是我的第一个练习项目。

非常感谢任何指导

1 个答案:

答案 0 :(得分:1)

看看

transform : scale(...);
transform-origin: ... ;

(需要加前缀)