我收到此错误“无法读取 null 的属性 'getBBox'”，我不明白为什么？

Question

我正在尝试在 onmouseover 时缩放 svg 部分并在 onmouseout 上重新缩放到以前的大小

无法读取 null 的属性“getBBox”

D=document;
var lib = 'http://www.w3.org/2000/svg';
D.
function magnify(scale,x){  x.setAttribute("transform","matrix(1.5 0 0 1 0 0)");
}
function minimize(x){   x.setAttribute("transform","matrix(1 0 0 1 0 0)");
}

function getCenter(selection)
{   bbox=D.getElementById("#"+selection).getBBox();
    return[bbox.x + bbox.width/2,bbox.y + bbox.height/2];
}
function reCoor(scale, x)
{
        var coor = getCenter(x);
        var newX=x[0].width*(1-scale);
        var newY=x[1].height*(1-scale);

        var output = "matrix(" + scale + " 0 0 " + scale + " " + newX + " " + newY +")";

        return[output];
}

MyFiddle

Answer 1

可以通过调用getBoundingClientRect获取任意元素的边界框

var rect = document.getElementById("myElement").getBoundingClientRect();

这将返回一个包含左、上、宽和高字段的对象。