Chrome crops image in famo.us - google-chrome

Question

I have a background (svg) image that I initially will view zoomed in and then on an event the image will zoom out to fit in the page. This works well in Firefox but in Chrome the picture was cropped when zoomed in and thus when it is supposed to fit the page it has white space around it. I believe this is part of Chrome's optimizer described here: http://famo.us/guides/pitfalls
My question is then, can I disable this optimization for this specific image? Or is there any other solution?
Edit: No need to look at the Chrome optimizer, solved by using better method for zooming (from correct answer below).

Answer 1

Athough we do not know your use case, here is an example using proportions.
Example jsBin (click on the image to resize)
var mainContext = Engine.createContext();
mainContext.setPerspective(1000);
var mod = new StateModifier();
var logo = new ImageSurface({
content: 'http://code.famo.us/assets/famous_logo.svg',
classes: ['double-sided']
});
logo._mod = new Modifier({
size: [undefined, undefined],
origin: [0.5, 0.5],
align: [0.5, 0.5],
transform: Transform.translate(0, 0, 0),
proportions: [1.5, 1.5]
});
var mainMod = new Modifier({
origin: [0.5, 0.5],
align: [0.5, 0.5]
});
var rootnode = mainContext.add(mainMod);
rootnode.add(logo._mod).add(logo);
//logo._mod.setProportions([1.5, 1.5], {duration: 2000});
logo.on('click', function(){
if (!logo.small)
logo._mod.setProportions([1,1], {duration: 1000});
else
logo._mod.setProportions([1.5, 1.5], {duration: 1000});
logo.small = !logo.small;
});