Html 放大SVG路径

Html 放大SVG路径,html,css,svg,hover,Html,Css,Svg,Hover,我有一张宾夕法尼亚州的地图,我正在绘制。我目前有几个县突出显示和悬停它显示县的名称。我想在悬停时增加一点比例。但当设置该值时,它会移动整个路径 这里有一个URL来显示正在发生的事情。当您悬停时,您会注意到一个问题,即悬停时应用的比例为1.2: 是否有办法缩放路径,但将其保持在同一位置?我不太熟悉SVG,因为这是我的第一个实践项目 非常感谢您的指导请看 transform : scale(...); transform-origin: ... ; (需要加前缀)我知道有几种方法-将变换原点定义

我有一张宾夕法尼亚州的地图,我正在绘制。我目前有几个县突出显示和悬停它显示县的名称。我想在悬停时增加一点比例。但当设置该值时,它会移动整个路径

这里有一个URL来显示正在发生的事情。当您悬停时,您会注意到一个问题,即悬停时应用的比例为1.2:

是否有办法缩放路径,但将其保持在同一位置?我不太熟悉SVG,因为这是我的第一个实践项目

非常感谢您的指导

请看

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

(需要加前缀)

我知道有几种方法-将变换原点定义为每个元素的中心,或者,平移-x,-y和比例,或者使用-cx,-cy进行矩阵变换。Raphael.js帮助我完成了这类事情变换原点是关键!谢谢@lateek35