Resizing the canvas of JIT graph

Question

How do I resize the canvas of th JIT Graph after it's been once drawn? JIT Force Directed Graph is described here

I've tried smt like the following (using jQuery):

function resizeCanvas(size) {
var e$ = $('#visualizerView, #visualizerContainer');

e$.animate(
    {height: "+=" + size + "px"},
    500
);

//TODO make it work?
//$('#visualizerView').empty();
//var pos = fdGraph.canvas.getPos(true);
//alert(pos.x+" "+pos.y)
//fdGraph.canvas.translate(0, -50);
//fdGraph.canvas
//initGraph(graph);

}

But I the best thing I can do is to stretch the container DIV - not the canvas itself. When I stretch the canvas the aspect ratio gets wrong...

score 1 · Answer 1 · edited May 23 '17 at 09:59

1

Canvas pixel buffer width and height are coordinated independently from the documentation presentation (style) width and height.

Canvas width and height in HTML5

edited May 23 '17 at 09:59

Community

1
1

answered Feb 18 '12 at 01:48

Mikko Ohtamaa

82,057
50
264
435

I don't know why, but I simply can't properly resize a JIT Graph. Circles turn into ovals. Perhaps you could provide a jQuery 2-liner showing how to resize ` – Queequeg Mar 06 '12 at 14:12
You must be messing up your aspect ration. – Mikko Ohtamaa Mar 06 '12 at 15:00

Resizing the canvas of JIT graph

1 Answers1