javascript - 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 传输库的一部分。