CSS transformOrigin属性未按预期工作

Question

我有一个svg，当我点击时需要缩放一些区域。我使用了css transformOrigin属性并将其设置为我点击鼠标的坐标所以我可以围绕这一点缩放图像。相反，当svg缩放时，它会偏离我点击的点几个像素。这里有什么我想念的吗？

$(document).ready(function(){   
$('g').click(function(e){
        var x = e.clientX;
        var y = e.clientY;
        $('g.states').css({'transformOrigin': x+' '+y});
        $('g.states').transition({scale: "2"});     
    })
    $('#zoomout').click(function(){
        $('g.states').transition({scale:"1"});
    })
});

.transition方法是jquery transit库的一部分。