Issue on Using Library with Raphael setViewBox() and setSize()

[Behseini]

Hi,
I need to make a scalable paper in order to have a responsive presentation on my page.To get this I used Raphaël.js setViewBox() and setSize() Methods. As you can see from the below code I set the paper.setSize('100%', '100%'); which is causing issue on the paper. Can you please let me know how I can fix this?

var w = 500;
var h = 500;
var paper = Raphael("canvas");
paper.canvas.style.backgroundColor = '#ccc';
paper.setViewBox(0,0,w,h,true);
paper.setSize('100%', '100%');

panZoom = paper.panzoom({ initialZoom: 0, initialPosition: { x: 0, y: 0} });
panZoom.enable();
paper.safari();
............

Thanks