Resizing the iframe

animatebig

Is there any way to adjust the iframe obtained from p5 alpha text editor so that its height and width equals the canvas inside?

kfrajer

Plz provide some code. Otherwise the onky answer I can suggest is css.

Kf

animatebig

I'm trying to dynamically render the iframe from alpha p5 text editor in react

render() { return(<iframe src = {src obtained from p5 text editor}></iframe>) }

I need to adjust the size according to the size of the canvas inside. Thank you

blindfish

You need to be clearer about your requirements. Are you saying you want to resize the iframe to the size of the canvas being loaded into it? That might be relatively tricky and involve communication between iframe content and host page.

If you just want to make contents of iframe adapt to iframe size then you essentially have the same requirements as someone wanting to make a responsive canvas.

blindfish

I remembered there's a JS library that resizes iframes to their contents: https://github.com/davidjbradshaw/iframe-resizer

animatebig

I'm sorry for not being clear. You are right, I want to resize the iframe according to the content inside, i.e the canvas.