<canvas> domElements created when using the library

[double-hash]

Hi,

I have 2 problems, one minor and one more important

• The first, and minor problem is :

I stated than when I use p5.brush.js, in my case, there is 3 "canvas" elements added to the DOM, at the end of my "body" tag.

I think it's because how p5.Graphics Object works, but may be adding noCanvas() to the "p5.Graphics" Objects created in p5.brush may help ? I don't really know...

• The second problem is :

I don't know if we can manipulate these p5.Graphics objects created in p5.brush.js, but it can be useful if we want to resize it for responsive purpose, for example.
Because, sometimes, when I zoom out, I can see some brushes being like masked by the boundaries of my initial resolution (the resolution when I ran my p5.js + p5.brush.js sketch). Actually, the canvases added like explained in my first point doesn't seems to be responsive, because if I resize my window or zoom out we can see this :

Note how my main "canvas" resolution change, and the resolution of the other and hidden canvases doesn't.

If you want to see visually what I'm trying to explain, here is the render of my canvas, after I zoom out:

The expected behavior is to not having this delimitation or boundary visible when I zoom out.
Note that the gap doesn't seem to happen with the "marker" brush.

I don't really know well yet how p5.brush.js is working, so I cannot help more by suggesting a change or submitting a pull request. But if you have some advices, or details for this behavior, I can try to check in details.

Thanks for your time