我正在使用 svg-pan-zoom 库,我需要平移/缩放视图以适应特定元素。我可以使用 fit 方法,但它适合整个内容,在这种情况下,我只需要适合一个特定元素。另一种选择是计算所需的平移和缩放并使用自定义控件,但如何让元素的平移/缩放适合窗口?
更新
我试图遵循@bumbu“更简单”的解决方案。这是我的第一个想法,但我遇到了缩放点位置的一些问题。
这是显示预期行为和计算尝试的小提琴。
http://jsfiddle.net/mgv5fuyw/2/
这是计算:
var bb=$("#target")[0].getBBox();
var x=bb.x+bb.width/2;
var y=bb.y+bb.height/2;
但不知何故,预期的缩放中心(225,225)不是正确的。