Limit resolution / resize width of canvas during scene.

[oveddan]

Hi there,

If you want to limit the resolution of a canvas, kind of like in this guide for webgl, are there any utilities or frameworks that are good for that? If you set the width and heigh paramaters of a Canvas element, and those parameters change, will that make the resolution of the canvas change or do you need to refresh that somehow?

[drcmda]

that's a quite some read, could you explain quickly what you need? normally you don't need to worry about these things here, canvas takes care of everything. you can control resolution with a system aware clamp:

<Canvas dpr={[1, 2]}>

no lower than 1, no higher than 2, prefer 2 IF the system supports it.

[oveddan]

got it and if you want to lets say limit the resolution to 1280x720, you place the canvas in an element with 1280 width & 720 height? What if that element's dimensions change?

[drcmda]

correct. if the dimensions change it will adapt - it uses a resize-observe