Baba's dashboard

Hi Aseem,

No problem; I am happy to help.
I misunderstood what the intended resize behaviour was. I was expecting that when the container resized a 'best fit' of the current viewport would occur whilst the aspect ratio was kept intact.

Regards,
Baba.

Hi Aseem,

It's a bit tricky to share the whole app but I have uploaded a html file here

http://cid-4f1b7368284539e5.skydrive....

which displays the issue in IE8 and Chrome (I haven't tested with other browsers). Just edit the image url for a valid one and then open in browser and resize drag with the size grip up and down a few times to replicate.

If you don't have the problem still I can upload the image composition I am using.

Regards,
Baba.

Hi Aseem,

Having explored this further it appears that when dynamically resizing there is an issue with precision and/or with the order in which the updates occur (the code works fine until it is called continually as in the resizing case). The resizing looks like sometimes it is doing the right thing but it is very easy to leave the viewer in the wrong state. Please try this to see what I mean -

1) Click and drag the resize grip in the bottom right corner of browser window.
2) Without releasing the mouse, repeatedly resize the browser window up and down.

When I do this the viewport gets bigger and bigger until eventually the image disappears completely and won't come back.

I will log out the events and report in my next update post.

Thanks,
Baba

Apologies, to actually try this out please replace

window.onresize = onContainerResize;
//Seadragon.Utils.addEvent(window, "onresize", onContainerResize);

Hi Aseem,

The behaviour you describe with 'maintain = false' is exactly the behaviour I require. I would like this behaviour whenever the container div is resized (as a result of the browser window frame being resized).

This does not give the result you describe; could this be due to the timing of the automatic resizing you mention in case 1 and the resize I carry out in my resize handler?

function init() {

viewer = new Seadragon.Viewer("container");
viewer.openDzi("url here");

Seadragon.Utils.addEvent("container", "onresize", onContainerResize);
}

function onContainerResize() {

var c = document.getElementById("container");
var newSize = Seadragon.Utils.getElementSize(c);
viewer.viewport.resize(newSize, false);
}

Seadragon.Utils.addEvent(window, "load", init);

The container div has style like this:

position: absolute;
width: 99%;
height: 99%;

Thanks in advance. – Baba, on May 06, 2009 16:41

BTW,
I tried the following:

viewer.addEventListener("resize", onViewerResize);

function onViewerResize() {

viewer.viewport.resize(viewer.viewport.getContainerSize(), true);
viewer.viewport.update();
}

in the hope that the bool passed in to viewport.resize would maintain the visible portion of the canvas in the viewport. The behaviour appeared to be the same whether I passed true or false here?