Raphael JS resize Canvas

Question

I'm programming a debate-graph with Raphael JS. Users can add nodes to the graph. Eventually the graph gets really big and the canvas is still the same size. the canvas (in raphael js: paper) is inside another div with "overflow: scroll;", so lets ignore screen real estate

Is there a way that I resize the canvas without reloading the page (to assign new X/Y values)? Alternatively, can I create a second bigger canvas in parallel and copying all the elements over? is there a way?

Solution 1

If I understand your question, just call setSize() to expand the size of the canvas to the size needed as you need it. I've used this in a div with overflow:scroll to get the effect you describe.

Solution 2

In my case, I didn't want to resize, I wanted to zoom.

In other words, show the user the growing graph inside a constant-sized div.

So I needed: setViewBox()