Question

198

Raphael canvas filling a container div

rated 0 times [ 199] [ 1] / answers: 1 / hits: 15388 / 14 Years ago, mon, november 15, 2010, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

billosvaldor

Add To Favorites

Follow

Total Points: 601

Total Questions: 113

Total Answers: 113

Location: Iceland

Member since Sat, Sep 17, 2022

2 Years ago

billosvaldor questions

1 Is there a way to make chakra ui MenuList items always visible

Sun, Jun 6, 21, 00:00, 3 Years ago

1 Iframe load event fires twice

Tue, Apr 27, 21, 00:00, 3 Years ago

1 How to create a ref and manually trigger onclick on a textfield in React hooks

Fri, Sep 25, 20, 00:00, 4 Years ago

1 React useEffect looping many times when fetching data and setState using fetch API

Mon, Jun 15, 20, 00:00, 4 Years ago

1 Passing a 'label' prop into Formik < Field /> when using alongside Material UI < TextField />

Fri, Jun 12, 20, 00:00, 4 Years ago

View All

answered 14 Years ago brittanye · Accepted Answer

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.