Home/ Questions/Q 3392148
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T03:53:12+00:00

Instead of specifying the width and height of a Raphael canvas, I need it

  • 0

Instead of specifying the width and height of a Raphael canvas, I need it to be 100% the size of its container. So I could just do a Raphael(“container”, containerElement.width, containerElement.height) and set the onresize function to reset those values. But then the content gets very jumpy and hectic as I resize the window or container because the scrollbars (which I want if it gets too small) flash in and out of existence.

Is this the proper way to bind Raphael’s canvas to the full size of a container? I’d also like to provide the option to make the Raphael canvas “full screen” taking up the entire browser window.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are using a div then you could use CSS to set that to 100% of the width and height. You then use the Raphael("container", "100%", "100%")

    As for making it full screen, most browsers have a command to do this. So if you really are doing 100% then when you press the command button e.g. (F11 in firefox) it will become FULL screen.

    • 0