Resize, Hide and Show

The first canvas is a normal p5 canvas. The other two are CanvasClass All three canvases were originally 200 x 200 but the first two were resized to 100 x 160.

CanvasClass introduces a new option for show. The p5.js show() always shows the canvas using CSS's display: block. But canvases have the style display: inline. So CanvasClass allows the option show(true) (or show("inline") if you prefer) to cause the canvas to have the style display: inline. You can test this option with the buttons.

The p5js code: hideShow.pjs

James Brink, 7/3/2020