如何更改 viewBox 以使 svg 中的元素居中

How to change viewBox to center an element in svg

我有一个包含一堆圆圈的 svg 地图,点击一个圆圈我想让圆圈成为 canvas 的中心。我正在使用 RaphaelJS 来处理 svg。

我试过 paper.setViewBox(width / 2 - cx, height / 2 - cy, width, height, true),其中 cxxy 是我的 svg 文件中所选圆的坐标,但它不起作用。

我觉得你的计算不对。我希望它是:

paper.setViewBox(cx - width / 2, cy - height / 2, width, height, true)