How to change viewBox to center an element in svg

Question

I have a svg map which contains a bunch of circles, on click on a circle I want to make the circle the center of the canvas. I am using RaphaelJS to work with svg.

I have tried paper.setViewBox(width / 2 - cx, height / 2 - cy, width, height, true) , where cx and xy are the coordinates of the selected circle in my svg file, but it doesn't work.

Answer 1

Your calculations look wrong to me. I would expect it to be:

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